jQuery 工具提示添加换行符

时间:2023-01-27
本文介绍了jQuery 工具提示添加换行符的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

所以,我想获取包含多个 <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 工具提示添加换行符的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

上一篇:“jQuery.event.special"的文档在哪里?API(用于自定义事件)? 下一篇:允许数字、空格、加号、连字符和括号的正则表达式

相关文章

最新文章