脚本冲突联系表格，fancybox

Question

我有联系表格问题。表单无法传递消息。问题的根源是两个冲突的脚本库。两种库都需要不同的效果。

The fancy box scripts works with the image display mechanism.
<script type="text/javascript" src="./fancybox/lib/jquery-1.10.1.min.js"></script>

The jquery scripts works with contact form mechanism
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

如果我删除了花哨的盒子脚本，联系表单会起作用，但会丢失fancybox交互式图像显示功能。

如果我删除了googleapi脚本，我会放弃表单功能。

更改脚本的顺序或异步加载它们并不奏效。

是否可以解决此脚本冲突问题？

Answer 1

您应该使用noConflict() jquery方法。

  

$ other 变量现在有“ ajax google api jquery.min.js ”，$ other现在是jQuery函数的别名;创建新别名是可选的。

     

$ 变量现在有“ jquery-1.10.1.min.js ”，这是一个快捷方式     的的document.getElementById（）即可。下面的mainDiv是 DOM元素，而不是jQuery对象。

用于在不同的jquery版本中删除冲突的解决方案

<!-- Putting jQuery into no-conflict mode. -->
<script src="./fancybox/lib/jquery-1.10.1.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script>
var $other = jQuery.noConflict();
$other(document).ready(function() {
    $other("div").hide();
});


window.onload = function() {
    var main = $("main");
}

</script>