0

我有一个简单的 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. Apr: Result(45)¢. 五月：结果 (45) 。

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


如果您能以任何方式提供帮助，那就太好了
注意：我已经删除了分号，以便在文本中显示
我没有使用 JQuery 1.9，所以我不能使用工具提示
非常感谢

4

1 回答 1

1

一些浏览器将允许


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

现场演示

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

动态部分在这里找到：

jQuery Tooltip 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>
于 2013-07-08T05:36:30.567 回答