在我的页面中应用此脚本时,不支持其他jquery元素

时间:2014-03-20 06:37:27

标签: javascript jquery

我在页面中使用了许多jQuery元素,如切换,手风琴,
show hide和lightbox但是当我应用这个

<script type="text/javascript" 
src="http://www.solutoire.com/experiments/mootools/mootools.js">
</script>

我的其他jquery插件不受支持。

5 个答案:

答案 0 :(得分:0)

那是因为Mootools和jQuery都使用美元($)符号。

你可以通过在jQuery中使用noConflict解决这个问题:

jQuery.noConflict();

只需在Javascript开头包含该代码,然后再进行其他操作。

答案 1 :(得分:0)

Mootools和jQuery之间可能发生冲突,因为两个库都在使用$

您可以在jQuery代码中使用jQuery而不是$,或者将jQuery代码包装在其中:

jQuery(function($) {
    // Your code here
});

<script>
// Disable the $ global alias completely
jQuery.noConflict();

// For jQuery scripts
(function($){

// set a local $ variable only available in this block as an alias to jQuery
... here is your jQuery specific code ...

})(jQuery);

// For Mootols scripts
(function($){

// set a local $ variable only available in this block as an alias 
// to Mootools document.id
... here is your Mootools specific code ...

})(document.id);
</script>

答案 2 :(得分:0)

使用

jQuery.noConflict();

并检查this topic

答案 3 :(得分:0)

使用

No Conflict

$.noConflict();
jQuery( document ).ready(function( $ ) {
// Code that uses jQuery's $ can follow here.
});

答案 4 :(得分:0)

首先检查网址路径。 其次,确保在导入jquery文件后导入此库。 如果这些都没有发生,那么js文件之间可能会有一个混淆。所以使用noConflict()函数。