2012-08-24 44 views
1

我想加载几个jQuery文件,drupal 6幻灯片,flexslider carosel,modernize和bootstrap模态。Javascript/jQuery加载(冲突)

我只想说,我包括来自谷歌CDN的jquery,并加载一个没有冲突的滑动滑块 - 如果我把Flexslider加载远离幻灯片的作品。奇怪的。

<script type="text/javascript"> 
$.noConflict(); 
jQuery(window).load(function() { 
    jQuery('.flexslider').flexslider({ 
    controlNav: false, 
    animation: "slide", 
    animationLoop: false, 
    itemWidth: 162, 
    itemMargin: 5 
    }); 
}); 
</script> 

所有工作都很好,除了drupal 6幻灯片。它返回该错误铬 -

Uncaught TypeError: Property '$' of object [object Window] is not a function 

我知道的Drupal 6带来的jQuery 1.4版本,我也有在那里谷歌1.7 CDN,但我有代码工作无冲突位。

获得此滑块加载的任何帮助将不胜感激。

备注 - Modernizer为什么在我的整个网页上放置一个非常微妙的浅白色背景?

+1

在使用它之前添加jquery!没有! –

回答

6

大多数情况下,您不需要使用jQuery的s noConflict选项。当您使用noConflict时,$符号不再指jQuery,大多数插件取决于jQuery使用$来访问它。

您的幻灯片还希望通过$访问Jquery,但您使用了noConflict并删除了插件使用的引用。

只要删除noConflict,你会没事的。

0

在您的页面标题中,下面的代码已经存在。

<script> 
    var jq17 = jQuery.noConflict(); 
</script> 

所以在这之后,您不能使用$如jQuery的更多,相反,你应该只使用jq17