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>

我希望将$_GET发送到loadqtip.php并在我的qtip中显示该页面中的信息。

我猜这样的事情：

$("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

您可以使用.data代替rel访问的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
        }
    });
});

希望这有帮助

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

1 个答案: