标题属性中的换行符在工具提示中不起作用

Question

I have an html form where I need to add new line character in to the title attribute of the anchor tag. I found a few solutions online but none of them work in my code.

I tried adding
\\n





<br>



not sure what is missing. Is it because of data-toggle that is blocking from breaking the title attribute?

  $(document).ready(function () {
        $('form').attr('novalidate', true);
        $('[data-toggle="tooltip"]').tooltip(); 


<a class="helptext fa fa-question-circle" data-toggle="tooltip" title="Additional information -&#013; You can provide further information here to for your&#013; application to issue a new card.&#013; Ensure a maximum of 200 characters&#013; is entered – including spaces."></a>

Answer 1

A popover would be a better solution, but it is possible to achieve this functionality in browser:

 $(document).ready(function () { $('form').attr('novalidate', true); //$('[data-toggle="tooltip"]').tooltip(); $('.helptext')[0].title = "I like\\nlines" // you can also use $('.helptext').attr("title",decodeURI("I like%0A to%0Ause%0Alines")) }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a class="helptext fa fa-question-circle" data-toggle="tooltip" href="#" title="Additional information -&#013; You can provide further information here to for your&#013; application to issue a new card.&#013; Ensure a maximum of 200 characters&#013; is entered – including spaces.">test</a> 

Answer 2

使用JavaScript设置标题对我来说很有效。

document.getElementById('asdf').title = 'line1\nline2';