Come aggiungere l'interruzione di row in attributo titolo utilizzando jquery

Trova il codice sotto al quale aggiunge un tooltip sull'evento mouseover a un field nel mio motore di rilevamento. Quello che voglio get è aggiungere le interruzioni di row al tooltip. Qualsiasi aiuto è molto apprezzato.

var $j = jQuery.noConflict(); $j('#choice31QID405').mouseover(function() { $j(this).attr('title','My name is Glenn. <Add a line break>. I am a good boy'. <Add a line break>. I live in New Delhi); }) $j('#choice31QID405').mouseout(function() { $j(this).removeAttr('title'); }) 

Utilizza codice di entity framework; &#010; per la rottura di linea. Il tuo codice sarà simile al seguente:

$j(this).attr('title','My name is Glenn.&#010;I am a good boy'.&#010;I live in New Delhi);

Fare riferimento a questo FIDDLE

Sui browser moderni è ansible utilizzare solo una rottura di row:

 $("#target").attr("title", "Hello\nWorld"); 
 <p title="Hello World"> This one is hardcoded in the HTML. </p> <p id="target"> This one is added later </p> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

L'entity framework; html functionrà come sopra indicato

Ecco l'elenco completo di htmlentities che puoi mappare nel tuo codice

https://dev.w3.org/html5/html-author/charref

utilizzare tag <Hr> in HTML per impostare la line

qui eseguiamo l'esempio,

 var $j = jQuery.noConflict(); $j('#choice31QID405').mouseover(function() { $j(this).attr('title','My name is Glenn. <hr />. I am a good boy <hr /> I live in New Delhi'); $j('#test').html($j(this).attr('title')); }); $j('#choice31QID405').mouseout(function() { $j(this).removeAttr('title'); $j('#test').html(""); }); 
 <script src="https://code.jquery.com/jquery-2.1.4.js"></script> <title>JS Bin</title> <body> <div id="choice31QID405">Mouse over here</div> <div id="test">Tooltip will show up here..</div> </body>