使用Javascript / jQuery的负载(冲突)(Javascript / jQuery l

2019-09-21 14:26发布

我试图加载在几个jQuery的文件,一个Drupal 6幻灯片,flexslider carosel,现代化和自举模式。

我只想说,我包括从谷歌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版本,我也有在那里谷歌1.7 CDN,但我有一个代码没有冲突位的工作。

在得到这个滑块加载任何帮助将非常感激。

附注 - 任何理由近代化是把一个非常微妙的浅白色背景在我的整个网页?

Answer 1:

大多数时候,你并不需要使用jQuery小号noConflict选项。 当您使用noConflict, $符号不再指jQuery ,并根据最插件jQuery使用$来访问它。

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

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



Answer 2:

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

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

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



文章来源: Javascript / jQuery loading (conflict)