0

我正在尝试从链接中删除标题属性并将其重用于工具提示，这是给我带来麻烦的代码片段：

 $('.location').each(function() {
    var $this = $(this);
    $this
      .data('title', $this.attr('title'))
      .removeAttr('title');
  });


$('.location').hover(function(e) {
    //hover over code   

    //grabs what's inside the title attribute in the html
    var titleText = $(this).data('title');

    //saves the tooltip text using the data method, so that the orignal tooltip text does not conflict
    $(this)
        .data('tipText', titleText)
        .removeAttr('title');

我在此处搜索包含以下代码：

   $('.location').each(function() {
    var $this = $(this);
    $this
      .data('title', $this.attr('title'))
      .removeAttr('title');
  });

这很好用，但只有一次，如果我回到 IE8 中的链接，原来的工具提示会重新出现。有什么解决方案吗？谢谢！

4

1 回答 1

2

您是否可以将标题attr 更改为title以外的内容？我认为标题是保留字，可能会导致一些问题。

非工作：（用下面的代码更新，现在工作）

http://jsfiddle.net/abZ6j/3/

<a href="#" title="foo" class="location">Test Link</a>​

$('.location').each(function() {
    var $this = $(this);
    $this
        .data('title', $this.attr('title'))
        .removeAttr('title');
});​

在职的：

http://jsfiddle.net/abZ6j/1/

<a href="#" linkTitle="foo" class="location">Test Link</a>​


$('.location').each(function() {
    var $this = $(this);
    $this
        .data('title', $this.attr('linkTitle'))
        .removeAttr('linkTitle');
});​

更新：

实际上，仔细观察，您可以使用title，但在这个特定的例子中，最好在 $.data() 之外访问它。也许是这样的：

var $this = $(this);
var t = $this.attr('title');
$this
  .data('title', t)
  .removeAttr('title');
  • 更新了“非工作”jsFiddle 代码以反映上述内容。
于 2012-11-20T18:48:39.560 回答