当用户将鼠标悬停在链接上时,会出现工具提示。工具提示需要是来自链接网址的特定div。到目前为止一切都很好,除了我无法弄清楚如何只获取特定的div(#tooltip)
1页上会有很多链接,但作为示例,链接看起来像这样
<a class="ttip" href="?category=weapons&category_subclass=katana&item=1">link 1</a> <a class="ttip" href="?category=weapons&category_subclass=katana&item=9">link 2</a>
和脚本是
$(document).ready(function(){ $('.ttip').each(function(){ var link = 'index.php' + $(this).attr('href'); $(this).qtip({ content:{ ajax: { url: link } } }); }); });
编辑: 我尝试了几件事,包括在http://qtip2.com/plugins
上所说的就像jQuery.load方法一样,您可以指定自定义选择器 在URL之后,用空格分隔,以便只返回一个 来自页面的特定子元素集!例如:
HTML网址:'myCustomPage2.html#table5'//返回带有的元素 'table5'的ID
所以,如果我尝试...
url:'index.php?category = weapons&amp; category_subclass = katana&amp; item = 1 #tooltip'
......没有任何反应。它只显示整页。 基本上,这个我试图获取的URL会从数据库中执行一些查询并在div #tooltip中回显它们。