我可以使用$以外的其他方式来防止jQuery插件之间发生冲突吗？

Question

我有两个插件，两个都使用自己的.swipe（）函数： ex: $("div").swipe();

是否可以给其中一个插件一个不同的变量而不是$ ？

例如，我可以使用jQ("div").swipe(); 对于插件A和$("div").swipe(); 对于插件B？

Answer 1

是的，但是最好重命名插件。

<script src="jquery.swipe.js"></script>
<script>
    $.fn.swipeOne = $.fn.swipe;
</script>
<script src="jQuery.swipeTwo.js"></script>
<script>
$(document).ready(function(){
    $("#swipeone").swipeOne();
    $("#swipetwo").swipe();
});
</script>

否则，您将不得不两次包含jQuery。

Answer 2

是的，您需要noConflict选项。

http://api.jquery.com/jQuery.noConflict/

更好的使用方法示例：

http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/

Answer 3

如果两个jQuery插件都需要绑定到同一个jQuery对象，请进入任一插件，然后寻找$.fn.swipe 。 将单词“ swipe”更改为您喜欢的任何内容（例如$.fn.mySwipe ），请记住，它对单词“ swipe”的内部引用也可能需要更改。

Answer 4

您可以使用

jq(function) {

})

然后只是参考jq

Answer 5

您可以使用更改$

var $j = jQuery.noConflict();

现在，无论何时使用$ ，都可以使用$j ，例如，

$j(document).ready(function() {
    //stuff
}