脚本冲突联系形式，fancybox

script conflict contact form, fancybox

本文关键字：fancybox 冲突 联系 脚本      更新时间：2023-09-26

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

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脚本，则联系人表单有效，但失去了fancybox-交互式图像显示功能。

如果我删除了googleapi脚本，我就会破坏表单功能。

更改脚本的顺序或异步加载脚本都不起作用。

是不是要处理这个剧本冲突？

您应该使用noConflict（）jquery方法。

$other变量现在具有"ajax谷歌api jquery.min.js"$另一个现在是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>
相关文章：