ユーザーがリンクにカーソルを合わせると、ツールチップが表示されます。そのツールチップは、そのリンク 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 にエコーします。