php - 在 jQuery 自动刷新 div 中使用 jQuery 工具提示

Question

我在使用 jQuery 工具提示(使用 Tipsy)时遇到问题。工具提示在常规页面上工作正常，但我实际上需要在通过 PHP 包含的页面上使用工具提示。我之所以包含该页面，是因为我还使用 jQuery 每 x 毫秒自动刷新该包含的页面。

看来这种自动刷新机制使工具提示无法正常工作。当我删除该机制时，会出现工具提示，但页面的该部分显然不会再每隔一段时间重新加载自身。我正在寻找一种方法让 Tipsy 工作，同时确保我包含的页面自行刷新。

我的页面如下:

<div id="vardisplay">
    <?php include("vardisplay.php"); ?>
</div>

然后，我使用以下脚本刷新“vardisplay”DIV，从而重新加载我包含的页面:

<script>
$(document).ready(function() {
    $('#vardisplay').load('editarticle.php?bid=<?php echo $bnummer ?> #vardisplay');
    var refreshId = setInterval(function() {
        $('#vardisplay').load('editarticle.php?bid=<?php echo $bnummer ?> #vardisplay')}, 750);
   $.ajaxSetup({ cache: false });
});
</script>

我想要一个 Tipsy 工具提示的对象(在我包含的页面内)可能是这样的:

<div id="TipsyMe" title="I got tipsied">
     <p>Testpiece</p>
</div>

我目前正在尝试通过将此脚本放在该页面上来实现该特定的工具提示，该页面应该在 Tipsy 工具提示中显示“我喝醉了”:

<script>
$(function() {
        $("#TipsyMe").tipsy({gravity: 's'});
    });
</script>

最终显示的是一个常规的浏览器工具提示，其中 jQuery 被完全忽略。同样，当我删除主页上的自动刷新机制时，它工作正常。

此时我已经傻眼了。过去几个小时我一直在谷歌搜索，但没有任何结果。任何帮助将不胜感激!

Answer 1

在醉酒的文档中，您可能会偶然发现一个名为“live”的选项

$(function() {
    $("#TipsyMe").tipsy({
        gravity: 's',
        live: true
    });
});

一定会做到的。 (因为您看起来很新，接受答案将吸引人们关注您 future 的答案提示提示:P)

请小心:“实时工具提示不支持手动触发。” (来自文档)

编辑:没有正确看到您的代码:

$(function() {
    $("div.someTotal").tipsy({
        gravity: 's',
        live: true,
        title: "I got tipsied"
    });
});

“someTotal”是所有具有编辑和删除图标的“框”的类。如果您还没有这样的类，您可以创建一个(您可以通过示例将其命名为醉酒)并使用它 ($("div.tipsy").tipsy({...