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

【问题标题】：jQuery qTip load local PHP AJAX content with method GETjQuery qTip 使用 GET 方法加载本地 PHP AJAX 内容
【发布时间】：2012-06-19 21:34:07
【问题描述】：

我刚刚在我的网页上安装了 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

});

有人知道怎么做吗？

【问题讨论】：

标签： jquery ajax qtip

【解决方案1】：

您可以使用.data 可以访问的data-rel 而不是.attr，而不是在rel 标签中携带信息。

<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
        }
    });
});

希望对你有帮助

【讨论】：

s/rel/'rel' - 即使使用data- 属性会更好。
谢谢。您的代码会生成“非法字符”：});，但我不明白为什么？我在success: 函数中添加了alert(data);。
我看到了，这里的代码很好，也许你可以在jsfiddle.net做一个演示