1

我在让 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 被完全忽略。同样，当我删除主页上的自动刷新机制时，它工作正常。

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

4

1 回答 1

0

在tipsy doc中，您可以偶然发现一个名为“live”的选项

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

应该做。（因为你看起来很新，接受答案会吸引人们为你未来的答案提示提示提示：P）

你要小心：“实时工具提示不支持手动触发。” （来自文档）

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

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

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

于 2011-11-14T23:24:24.153 回答