Question

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

 $('.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中的链接，原始工具提示会重新出现。对此有何解决方案？谢谢！

Answer 1

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

非 - 工作:(使用下面的代码更新，现在有效）

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');
});

<强>更新：

实际上，仔细观察，您可以使用标题，但在此特定情况下，最好在$ .data（）之外访问它。也许是这样的事情：

var $this = $(this);
var t = $this.attr('title');
$this
  .data('title', t)
  .removeAttr('title');

更新了“非工作”jsFiddle代码以反映上述内容。

removeAttr去除IE中不起作用的标题

1 个答案: