Question

问题：当我激活jQueryUI工具提示时，它会阻止页面上的另一个脚本工作。描述：我在页面上有一个浮动按钮：

<div id="buttonTOC">
<a href="#" id="buttonText" title="Click to open and close the Table of Contents"> Table Of Contents</a>
</div><!-- End button <div> -->

以下脚本使用它来打开隐藏的div：

jQuery(document).ready(function($){
      $("div#buttonTOC").click(function() {
      $("div#table-of-contents").animate({height:'toggle'},500);       
    });
});

这可以正常工作，但是如果我添加一个脚本来使用工具提示，那么它就会停止运行并且点击时没有任何反应。工具提示确实按预期工作。我已经尝试了一些实验来实现这个功能，包括以下尝试在相关div上禁用“工具提示”，但这没有任何区别。

jQuery(function($) {
$( 'a#buttonText' ).tooltip({
    track: true
});
$('#buttonTOC *[title]').tooltip('disable');
});

我怀疑脚本之间存在冲突，但我再次认为，无论是否存在其他脚本，像工具提示这样的东西都可以工作。

我很欣赏有关如何成功实施此项目的任何指导。

由于

Answer 1

您的代码有拼写错误：

$( 'p#buttonText' ).tooltip({
  track: true
});

应该是a#buttonText，而不是p

除此之外，脚本似乎没有问题。

jquery工具提示阻止另一个脚本工作

1 个答案: