jquery - jQuery qTip 使用 GET 方法加载本地 PHP AJAX 内容

Question

我刚刚在我的网页上安装了 qTip，现在我正在尝试了解如何通过单击 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

});

有人知道怎么做吗？

Answer 1

除了在rel标签中携带信息，您可以使用 data-rel 可以通过.data而不是.data 访问.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
        }
    });
});​

希望这可以帮助