jquery和nivo滑块冲突

我试图在joomla 2.5站点运行nivo滑块，并且还需要一个自定义html + php模块，我需要放置一个datepicker。jquery和nivo滑块冲突

在自定义模块我插入此代码：

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="js/datepicker.js"></script> 
<link rel="stylesheet" type="text/css" href="css/datepicker.css" /> 
<?php 
/* Here the code for the module */

NIVO滑块插入这个HTML代码：

<script type="text/javascript"> 
jQuery.noConflict(); 
jQuery(window).load(function() { 
jQuery('#vt_nivo_slider196').nivoSlider({ 
effect: 'fade', // Specify sets like: 'fold,fade,sliceDown' 
... 
}); 
}); 
</script>

与此代码我不能看日历（日期选择器）和NIVO

所以滑块不起作用（只显示空白）。

如果我删除行jQyery.noConflict（）;在nivo滑块代码中，我可以看到日历（日期选择器），但nivo滑块仍然不起作用（仅显示空白区域）。

如果我删除脚本类型=“text/javascript”src =“js/jquery-1.4.2.min.js”>的行，那么我可以看到nivo滑块工作，购买我没有看到日历（日期选择器）。我有$（文档）.ready（函数（）{$（函数（）{（'#linkedDatepicker'）...更多的代码，和（函数（$）{$。延伸（））。 $ date.jar，{datepicker：{version：“1.7.2”}}）; var PROP_NAME =“datepicker”;函数Datepicker（）{...更多代码

这似乎是与JQuery的冲突，鸵鸟政策知道如何解决它。

任何帮助，高度赞赏！

来源

2014-02-06 Cesar

据NivoSlider's website，它需要的jQuery 1.7+。

升级你的jQuery版本，并最终你的datepicker版本，一切都应该没问题。

注意：jQyery.noConflict();只有当您使用另一个JavaScript库的同时作为jQuery。

来源

2014-02-06 14:35:30 Skwal

谢谢你的回答。我试图用src =“js/jquery-1.8.3.js”>进行更新，但由于nivo滑块只显示一个空格，所以出现了一些错误。由于datepicker.js中的自定义代码像$（document）.ready（function（）{$（function（）{（'#linkedDatepicker'），我想知道它是否与nivo滑块冲突。太更新jquery datepicker代码，但它似乎并没有解决问题。 – Cesar

@ user3279618您在控制台中是否有任何错误？我们可以在某处看到结果吗？ – Skwal

谢谢Skawal回答。

不确定发生了什么，但它似乎在许多试验后解决。我认为它可以帮助别人有类似的问题，所以在这里，我遵循的步骤：

1）删除jQuery的1.4.2.min.js呼叫模块代码，现在只能叫datepicker.js

2）在datepicker.js

2.1）我之前有$（document）.ready（function（）{$（function（）{（'#linkedDatepicker'）...更多代码，现在将所有$符号替换为代码由链jQuery，所以现在的代码看起来像jQuery（文档）.ready（函数（）{...更多代码

我不知道为什么，但$似乎是错误的东西（函数（$）{$。extend（$。ui，{datepicker：{version：“1.7.2”}}）; var PROP_NAME =“datepicker”; function Datepicker（）{ ...更多代码，现在替换为从JQuery网站下载的新日期选择器版本。 jquery-ui-1.9.2.custom.min.js添加替换代码之前（从jquery-ui-1.9.2.custom.min.js添加代码包括：jquery.ui.core.js，jquery.ui。 datepicker.js）。现在代码从函数（e，t）开始{函数i（t，i）{var ...更多代码

最后一个问题是日历可视化正在获取nivo滑块图像的背景，解决了更改datepicker.css添加z-index规则：＃ui-datepicker-div {width：180px; z-index：50！important;}

来源

2014-02-07 08:52:02 Cesar

jquery和nivo滑块冲突

回答

相关问题