JQuery Tools选项卡与JQuery UI冲突

Emi*_*mir 10 jquery jquery-ui jquery-tools jquery-tabs

我正在使用JQuery工具的标签功能,同时我使用JQuery UI.

如果我包含两个JS库,带有选项卡的Jquery工具不起作用.

如何解决这个冲突?任何帮助表示赞赏.

提前致谢.

mu *_*ort 7

您可以获得一个不包含选项卡的自定义jQuery-ui构建,但这可能会在以后引起一些混淆.恕我直言,更好的方法是编辑jQuery工具tabs.js并更改此行:

$.fn.tabs = function(query, conf) {
Run Code Online (Sandbox Code Playgroud)

这样的事情:

$.fn.fpTabs = function(query, conf) {
Run Code Online (Sandbox Code Playgroud)

我使用"fpTabs"作为"flowplayer.org标签",你可以使用任何适合你的名字.这应该可以清除你的冲突而不会在其他任何地方造成问 当然,你必须记住,tabs.js如果你升级了,你就改变了,但是这比使用无标签jquery-ui.js文件更麻烦.

  • mmmmmmmmm.馅饼. (3认同)

RAD*_*ADA 5

有一种更简单的方法.每当您将jquery与其他库(工具|原型| MooTools等)一起使用时,您可以使用特殊的noConflict函数将$重新分配给另一个变量.例如:

var $j = jQuery.noConflict();    // assign the main jQuery object to $j
$j("#tabs-container").tabs();    // use $j as you would normally use $
Run Code Online (Sandbox Code Playgroud)

或者您可以更明确地使用jQuery.someFunction()而不是$ .someFunction.

  • 我不确定这有多大帮助.jQuery UI和jQuery Tools都是基于jQuery构建的.问题是两者都试图在名为`tabs`的jQuery对象上定义一个函数.因此,即使我使用重命名jQuery的方法,当我使用jQuery获取jQuery对象(这是使用jQuery UI或jQuery Tools的通常的第一步)时,返回的对象中将存在冲突. (2认同)

ris*_*dar 5

您可以在此URL http://jqueryui.com/download中构建自己的jquery UI

只选择您需要的工具,并且不要在选项中包含组件TAB以避免与jquery工具冲突

在此输入图像描述