Javascript / jQuery加载(冲突)

时间:2012-08-24 14:16:32

标签: javascript jquery html css drupal-6

我正在尝试加载一些jQuery文件,drupal 6幻灯片,flexslider carosel,现代化和bootstrap模式。

我只想说我从google cdn中包含jquery并且没有冲突加载flex滑块 - 如果我将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幻灯片。它在chrome中返回此错误 -

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

我知道drupal 6引入了jquery的1.4版本,我也有google 1.7 cdn,但我确实没有冲突的代码工作。

非常感谢任何有关加载此滑块的帮助。

旁注 - 现代化者在我的整个网页上放置一个非常微妙的浅白色背景的任何原因?

2 个答案:

答案 0 :(得分:6)

大多数情况下,您无需使用jQuery s noConflict选项。当您使用noConflict时,$符号不再涉及jQuery和大多数插件,具体取决于jQuery使用$来访问它。

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

只需删除noConflict就可以了。

答案 1 :(得分:0)

在您的页眉中,以下代码已存在。

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

所以在那之后,你不能再使用$作为jQuery了,而应该只使用jq17