qtip jquery插件显示链接中的文本

qtip jquery插件显示链接中的文本,jquery,jquery-plugins,qtip,Jquery,Jquery Plugins,Qtip,我试图使用jQuery qTip插件来显示元素中的文本 我在一个表中有多个链接,比如不同的类。链接中的文本以负文本缩进隐藏,并使用背景精灵使其看起来独特 <a href="#" class="spot_quote">Spot quote</a> <a href="#" class="contract_quote">Contract quote</a> 但它的回报比我需要或想要的要多。我真的不想添加title属性,因为这里不需要它。JavaScr

我试图使用jQuery qTip插件来显示元素中的文本

我在一个表中有多个链接,比如不同的类。链接中的文本以负文本缩进隐藏,并使用背景精灵使其看起来独特

<a href="#" class="spot_quote">Spot quote</a>

<a href="#" class="contract_quote">Contract quote</a>

但它的回报比我需要或想要的要多。我真的不想添加title属性,因为这里不需要它。

JavaScript没有块级作用域。这意味着您的
引用了文档。为了使
引用每个元素,您需要创建一个新函数:

$(document).ready(function() {  
  $('.contract_quote .spot_quote').each(function() {
    $(this).qtip({
     content: $(this).text();
    });
  });
});

也就是说,即使您需要title属性,也最好设置它。用JavaScript自动设置它是可以的,但并不理想。用你的CMS设置它(如果你使用的话)会更好。如果用户代理出于某种原因正在寻找链接的标题,最好有一个,即使它与内容总是一样的,因为用户代理没有人类那么聪明。不管怎样,大多数时候都是这样。

太好了。非常感谢:)我认为你在锚上设置了title属性,锚内的文本是相同的,然后两者都会被读出,这可能会让人讨厌。
title
属性是可选的,正确的,我通常会忽略它,这是不好的。但是对于HTML,最好不要考虑事情的作用,而是考虑它们的含义。如果您将标题设置为粗体,您会在
标记中添加
标记吗?不,你应该使用CSS。即使它看起来不错,
内部的
也不意味着任何一致性。在这里,它是一样的。如果你知道你的链接有一个标题,而且很容易放,就放吧。重要的是它的意义。如果浏览器对它做了一些恼人的事情,那么就是浏览器出了问题。这个标题仍然有意义。
$(document).ready(function() {  
  $('.contract_quote .spot_quote').each(function() {
    $(this).qtip({
     content: $(this).text();
    });
  });
});