0

总 jQuery 新手，所以轻松一点！

我在以下 jQuery 文件中<head>： -

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.ui.core.min.js"></script>
<script type="text/javascript" src="jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="jquery.ui.mouse.min.js"></script>
<script type="text/javascript" src="jquery.ui.sortable.min.js"></script>
<script type="text/javascript" src="jquery.ui.tabs.min.js"></script>
<script src="./thesaurus/js/jquery.thesaurus.js" type="text/javascript"></script>

以及以下文档就绪调用：-

<script type="text/javascript">
$(document).ready(function()
{
$('#container').Thesaurus
({
   effect: 'fade',
   caseSensitive: true // Used when matching found terms against loaded ones
});
   var page2jQueryTabs1Opts =
   {
      event: 'click',
      collapsible: false
   };
   $("#page2jQueryTabs1").tabs(page2jQueryTabs1Opts);
});
</script>

我遇到的问题是同义词库工作得很好，但 jQuery 选项卡部分没有。

我一直在试验（几个小时！），jQuery.noconflict()但我怀疑我一直在浪费时间，因为我只使用一个 jQuery 实例？我在更改名称空间方面的尝试（我认为这就是我一直在尝试的！）失败了。作为记录，我可以编辑 thesaurus.js 并且我可以控制准备好的文档的第一部分，但我无法更改生成准备好的文档的顺序/顺序 - 即$('#container').Thesaurus必须首先出现并且我无法编辑文档的 jQuery Tab 部分已准备就绪。

我没有继续在黑暗中反复试验和错误编辑，而是问这个问题......我需要对标记进行哪些更改......或 thesaurus.js 文件（在此处找到）。

现在是时候吃一些阿司匹林了！

编辑：测试页面

4

2 回答 2

0

编辑：对不起。我以为萤火虫更新并在本地执行代码，但似乎它没有这样做......请尝试下面的代码，让我知道它是否有效......

我在 Firebug 中尝试过，它奏效了。试试这个：

$(document).ready(function(){

    var page2jQueryTabs1Opts = {
       event: 'click',
       collapsible: false
    };
    $("#page2jQueryTabs1").tabs(page2jQueryTabs1Opts);

    $.noConflict();

    $('#container').Thesaurus({
       effect: 'fade',
       caseSensitive: true // Used when matching found terms against loaded ones
    });

});

我只是交换了选项卡和同义词库声明并在它们之间放置了 $.noConflict() 。

于 2012-08-10T19:26:10.483 回答
0

我无法使用jQuery no.Conflict()此处的任何选项或来自外部研究来解决冲突，但我已经解决了我的问题，只需将行更改为$('#container').Thesaurus({，$('.someclass').Thesaurus({以便使用 CSS 类而不是调用 DIV。现在一切都很好:)

非常感谢那些试图提供帮助的人——一如既往，非常感谢。

于 2012-08-14T17:27:06.197 回答