0

qTipを自分のWebページにインストールしたばかりですが、qTipのリンクをクリックしてAJAXコンテンツをロードする方法を理解しようとしています。私はjQueryとqTipの両方の初心者なので、ご容赦ください。

次のようなリンクを（MySQLデータベースから）動的に作成します。

<a href='#' rel='717' class='qtip'>The link</a>
<a href='#' rel='718' class='qtip'>The link</a>
<a href='#' rel='719' class='qtip'>The link</a>

に送信して、そのページの情報をqtipに$_GET表示loadqtip.phpします。

私が推測するこのようなもの：

$("a.qtip").click(function() {

  var id = $(this).attr(rel);

  // send 'id' as GET to loadqtip.php and open the html result in qtip

});

誰もがこれを行う方法を知っていますか？

4

1 に答える 1

0

タグで情報を運ぶ代わりに、.dataの代わりに.datarelでアクセスできる data-rel を使用できます。.attr

<a href='#' data-rel='717' class='qtip'>The link</a>

jquery ajaxの動作を確認してください。

$("a.qtip").click(function(e) {
    e.preventDefault();
    var id = $(this).data('rel');
    $.ajax({
        url: 'loadqtip.php',
        data: 'id=' + id,
        success: function(data) {
            //do your stuff
        }
    });
});​

お役に立てれば

于 2012-06-19T13:10:13.757 に答える