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