0

当用户将鼠标悬停在链接上时，会出现一个工具提示。该工具提示需要是来自该链接 url 的特定 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 url: 'myCustomPage2.html #table5' // 返回 ID 为 'table5' 的元素

所以如果我尝试...

url: 'index.php?category=weapons&category_subclass=katana&item=1 #tooltip'

...什么都没发生。它只显示整个页面。基本上，我试图获取的这个 url 会从数据库中进行一些查询，并在 div #tooltip 中回显它们。

4

0 回答 0