javascript - 我可以使用 $ 以外的东西来防止 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
}