tooltipster通过ajax将动态数据从php数组传递到工具提示

时间:2013-08-01 10:05:08

标签: php jquery ajax tooltipster

当我将存储在数组中的tabledata悬停时,我正在使用带有ajax请求的Tooltipster来显示来自php的动态数据。为了获取元素的内容,我使用了一个jquery函数(如下所示),它按预期工作。 (警报输出正确的内容)

但我的问题是,代码只将第一个数组值传递给工具提示器,但我希望工具提示器获取悬停元素的值,就像在警报输出中一样,用tabledata的hovered内容进行查询在'tooltip.php'中。这是我的代码:

$('.tabledata').mouseover(function(){
    var content = $(this).html();
    //alert (content);

$('.tabledata').tooltipster({
        position: 'left',
        content: 'Loading...',

    functionBefore: function (origin, continueTooltip) {

    continueTooltip();

    if (origin.data('ajax') !== 'cached') {
        $.ajax({
            type: 'POST',
            url: 'tooltip.php',
            data: { id: content},
            success: function (data) {
            origin.tooltipster('update', data).data('ajax ', 'cached');
        }
      });
    }
   }
 });
});

我是jquery的新手,感谢任何建议......

0 个答案:

没有答案