jQuery 工具提示添加换行符 [英] jQuery tooltip add line break

问题描述

所以，我想获取包含多个 <br/> 的 div 的内容，然后使用 jQuery 工具提示小部件将其作为标题属性传递.我希望这些线条出现在工具提示内的另一个下方.谢谢.到目前为止的代码是:

So, I want to take the content of a div in which I have several <br/>, and then pass it as a title attribute using jQuery tooltip widget. I want the lines to appear one beneath the other inside the tooltip. thx. the code so far is:

CSS

.Lines {
    width: 125px;
    height:20px;
    overflow:auto;
}

JavaScript

$(function () {
    $(document).tooltip();

    $(".Lines").hover(function () {
        IaTxt = $(this).html()

        $(this).prop('title', IaTxt)

    })
});

HTML

<div class="Lines">
    First line.
    <br/>Second line.
    <br/>Third line!
    <br/>Fourth line?
</div>

推荐答案

您可以使用工具提示小部件的内容"选项.另见:

You can use the 'content' option of the tooltip widget. See also:

http://jqueryui.com/tooltip/#custom-content

简短示例:

  $(function() {
    $( document ).tooltip({
      content: function() {
        return 'foo'
      }
    });
  });

这篇关于jQuery 工具提示添加换行符的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！