JavaScript 函数冲突
javascript functions conflicts
我的网站有这些脚本,但一次只有一个函数可以工作,无论哪个代码接近 head 标签都可以正常工作。 什么是解决方案,使两个功能都没有任何冲突。
代码如下:
<script type="text/javascript" src="demo_files/jquery.js"></script>
<script type="text/javascript" src="demo_files/jquery.vticker-min.js"></script>
<script type="text/javascript">
$(function(){
$('#news-container').vTicker({
speed: 500,
pause: 3000,
animation: 'fade',
mousePause: false,
showItems: 3
});
$('#news-container1').vTicker({
speed: 700,
pause: 4000,
animation: 'fade',
mousePause: false,
showItems: 1
});
});
</script>
<style type="text/css">
body{ font-family:Verdana, Arial, serif; font-size:14px;}
</style>
<link media="screen" rel="stylesheet" href="colorbox.css" />
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="jquery.colorbox-min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function()
{
$(window).bind('load',
function(e)
{
$.colorbox({opacity:0.3, href:"offer.html"});
});
});
</script>
长答案:这是因为你包含了两次jQuery,一次在顶部,另一次大约在一半(缩小版本)。
第二次包含库时,将重新定义 $ 对象,覆盖现有实例。发生这种情况时附加 $ 对象的任何代码(例如事件和插件)都将丢失。
简短回答:删除jQuery的第二个副本,然后它应该可以工作。
相关文章:
- 调试一个简单的jQuery函数;想知道是否与其他代码冲突
- Createjs冲突问题localToLocal不是函数错误
- 两个循环JS函数相互冲突
- 具有相同函数名称的两个 jquery 插件之间的冲突
- 未定义的主干视图不是函数冲突
- Jquery小计函数与js-gst函数冲突
- 我的if和else-if逻辑中的问题以及两个函数的冲突
- ionic框架中的app.js函数冲突
- 解决同时使用高图和树状图时的冲突(f.inArray 不是函数)
- Jquery原型与新函数冲突
- 主干和RequireJS冲突-实例或构造函数
- 单击“jQuery”中的函数冲突
- Javascript 函数冲突
- 函数与 Jquery.min.js 冲突
- Jquery $.ajax 获取响应与将“this”对象嵌套传递到“success”回调函数冲突
- Jquery 与 Venobox 冲突并从全局范围之外调用函数
- JavaScript 函数名称与 jQuery 冲突
- JavaScript 函数冲突
- Jquery 无冲突 - 点击函数 - 多个框架
- 如何避免 jquery 与原型的回调函数中的 $ 冲突