2012-04-24 128 views
0

我有这些脚本用于我的网站,但一次只能有一个函数工作,无论哪个代码接近head标签都能正常工作。什么是解决双方工作都没有冲突的解决方案。javascript函数冲突

代码是如下:

<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> 
+0

请为此提供一个最简单的示例。也许使用[jsFiddle](http://jsfiddle.net/)。 – Matthias 2012-04-24 09:52:48

回答

2

龙答:这是因为你的jQuery包括两次,一次是正确的顶部,并再次约下降一半(的缩小版本)。

第二次包含库时,$对象将被重新定义,覆盖现有的实例。当发生这种事件时,附加$对象的任何代码(例如事件和插件)都将丢失。

简答:删除jQuery的第二个副本,它应该工作。

+0

beeglebug感谢您的答复可以粘贴编辑的代码部分。我是java的新手。无论如何,我也在尝试自己。如果出来会告知:D在此先感谢 – 2012-04-25 02:56:28

+0

@Matthias正如我所说的,我是一个新手,不知道如何处理jsFiddle。如果你可以像beeglebug建议的那样编辑我的代码,它会变成gr8。我尝试过,但徒劳无益 – 2012-04-25 04:51:00

+0

它应该像去除“ ”。一旦消失,一切都应该奏效。 – beeglebug 2012-04-25 07:44:10