Carriage使用JS返回标题标记中的工具提示文本

Carriage Return tooltip text in a title tag using JS

本文关键字：工具提示 文本 使用 JS 返回 标题 Carriage      更新时间：2023-09-26

我有一个简单的JS函数，它将一些结果从DB输出到JS字符串。然后，我在标题标签中使用函数的结果，这样当你将鼠标悬停在链接上时，你会看到一个工具提示。这一切都有效，只是我不知道为什么我使用
时没有得到新的线路？我是不是错过了什么。以下是我正在使用的代码：

      //loop through returned DB results and form string.  
      //use 
 to break line
     function getResults(id, state, dte){
      :
      :
      $.each(data.results, function(key, val) {  
        output = output + x + ". " + val.abr_month +": "+ val.result +" ("+val.point+")
";
        x = x + 1;
        //output = + output;
      });//end each
          return output;
          }//end function  
     result = getResults(id, state, dte);
     //return the HTML DOM object
     $('#'+id)[0].title=result;

当我将鼠标悬停在链接上时，我看到返回的字符串是：
1。四月：结果（45）&xA2.五月：结果（45）&xA。

我想看到的是：
1.四月：结果（45）
2.五月：结果（45）


如果你能以任何方式提供帮助，那就太好了
注意：为了在文本中显示的目的，我删除了分号&Xa
我没有使用JQuery 1.9，因此无法使用工具提示
非常感谢

一些浏览器将允许


其他人不会让你格式化工具提示，除非你使用jQuery UI工具提示或类似的

实时演示

该演示使用jQuery 1.6.4和jQuery UI v1.110pre，只是为了让您看到jQuery和jQuery用户界面可以有不同版本的

动态部分在这里找到：

jQuery工具提示UI-x秒后触发工具提示

var titles = {
    "aprmay":"1. April: Result (49)<br/>2. May: Result (47)",
    "junjul":"1. June: Result (50)<br/>2. July: Result (42)"
}
$(function() {
    $(".result").each(function() {
        var title = this.title.replace(/; /g,"<br/>"); 
        $(this).tooltip({ "content": title });
    });
    // dynamic generate on hover 
    // https://stackoverflow.com/a/16523285/295783 
  $(document).tooltip({
    items: '.dynresult',
    show: 100,
    hide: 500,
    position: { my: 'center bottom', at: 'center top' },
    content: function( callback ) {
      var title = titles[this.id];
      callback( title ); 
    }
  });
});
function getTitles(obj) {
    return titles[obj.id];
}

使用此HTML

<h3>Static titles</h3>
<a href="#" class="result" title="1. Apr: Result (45); 2. May: Result (45)">April/May</a>
<a href="#" class="result" title="1. June: Result (50); 2. July: Result (42)">June/July</a>
<hr/>
<h3>Dynamic titles</h3>
<a href="#" class="dynresult" title="" id="aprmay">April/May</a>
<a href="#" class="dynresult" title="" id="junjul">June/July</a>
相关文章：