Jquery库与另一个jquery库冲突

时间:2012-06-13 05:35:03

标签: javascript jquery javascript-events javascript-framework mapmyindia-api

我在我的应用程序中使用了很多jQuery库。

我的应用程序基于地图,地图由我自己的服务器mapmyindia.com生成 问题是当我使用fancybox jQuery库,分页jQuery库和下拉清单jQuery库时,会发生jQuery冲突,所有这些都在一起工作。
由于jQuery库冲突,我的方向搜索API不起作用 但是,如果我删除所有jQuery库,我可以使用我的方向搜索API  很好。
启用jQuery库后,它会给我一个错误$.jsonp is not a function

我的应用程序在app.mapmyindia.com/michelin请帮帮我.......

<script>MIREO_RESOURCES_ROOT = "http://46.137.254.191/MapServer/";</script>
<script type="text/javascript" src="http://46.137.254.191/MapServer/MireoWebMap.js"></script>

<script type="text/javascript">
    var map = $("#map");
    var valid = new Validation();
    map.MireoMap();
</script>


<script type="text/javascript" src="jquery/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="jquery/ui.dropdownchecklist-1.4-min.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox.js?v=2.0.6"></script>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css?v=2.0.6" media="screen"/>

3 个答案:

答案 0 :(得分:1)

尝试使用jquery noConflict()并下载最新版本的jquery来解决一些问题冲突

答案 1 :(得分:0)

试试这个:

使用jquery noconflict并将代码包装在jQuery函数中:

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

jQuery.noConflict();
jQuery(function($){
  // my code here each 
});
祝你好运。

答案 2 :(得分:0)

你声明你的javascript的顺序,即首先使用它导入你的MapmyIndi​​a Js

<script type="text/javascript">
var map = $("#map");
var valid = new Validation();
map.MireoMap();
</script> 

&安培;然后调用jQuery,我不认为jQuery会产生问题。

你也应该使用

var map=document.getElementById("id");

因为你之后调用jQuery所以$()将不起作用。

编辑:或者如果MayMyIndi​​a Js也需要jQuery,那么你应该在顶部调用jQuery.Js.