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

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代码以反映上述内容。