Question

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

      //loop through returned DB results and form string.  
      //use &#xA; to break line
     function getResults(id, state, dte){
      :
      :
      $.each(data.results, function(key, val) {  
        output = output + x + ". " + val.abr_month +": "+ val.result +" ("+val.point+")&#xA;";
        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。1月：结果（45）＆amp;＃xA2。 5月：结果（45）＆amp; #xA。

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

如果你能以任何方式提供帮助，那就太好了注意：为了显示文字＆amp; #Xa
的目的，我删除了分号我没有使用JQuery 1.9所以我不能使用工具提示
非常感谢

Answer 1

有些浏览器会允许


除非您使用jQuery UI tooltip或类似的

，否则其他人不会让您格式化工具提示

Live demo

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

动态部分可在此处找到：

jQuery Tooltip UI - trigger tooltip after x seconds

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>

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

1 个答案: