Javascript 尝试使用jquery cycle插件和lightbox插件时发生冲突
我正在一个网站上工作,该网站已经整合了jquery循环插件。在我尝试添加lightbox插件之前,一切正常。元素中似乎存在一个问题,只允许后一个JS文件工作。任何帮助都会很好 下面是我在元素中使用的jquery代码Javascript 尝试使用jquery cycle插件和lightbox插件时发生冲突,javascript,jquery,lightbox,Javascript,Jquery,Lightbox,我正在一个网站上工作,该网站已经整合了jquery循环插件。在我尝试添加lightbox插件之前,一切正常。元素中似乎存在一个问题,只允许后一个JS文件工作。任何帮助都会很好 下面是我在元素中使用的jquery代码 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <!-- include Cy
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>
<!-- initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function () {
var titles = ['Pentiction Summer Classic', 'Ryan Kesler', 'Trevor Linden'];
$('.slideshow').after('<div id="navigation"><div id="nav"></div></div>').cycle({
fx: 'fade',
timeout: 5000,
pager: '#nav',
pagerAnchorBuilder: function (index) {
return '<a href="#">' + titles[index] + '</a>';
}
});
});
</script>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
$(文档).ready(函数(){
var titles=[“奔腾夏日经典”、“瑞安·凯斯勒”、“特雷弗·林登”];
$('.slideshow')。在('')之后。循环({
外汇:“淡出”,
超时:5000,
寻呼机:“#导航”,
pagerAnchorBuilder:函数(索引){
返回“”;
}
});
});
它的工作没有任何问题
这是元素中的lightbox代码
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>
<!-- initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function () {
var titles = ['Pentiction Summer Classic', 'Ryan Kesler', 'Trevor Linden'];
$('.slideshow').after('<div id="navigation"><div id="nav"></div></div>').cycle({
fx: 'fade',
timeout: 5000,
pager: '#nav',
pagerAnchorBuilder: function (index) {
return '<a href="#">' + titles[index] + '</a>';
}
});
});
</script>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
它也可以单独工作,没有任何问题。当我把它们放在一起时,元素中只有最后一个起作用。第一个坏掉了
我已检查错误控制台,以下是错误:
错误:element.dispatchEvent不是函数
源文件:
电话号码:3972
当循环js不存在时,该错误不会出现。有什么想法吗
谢谢我想这个错误是因为您使用了两个Javascript框架,jQuery和Prototype 除非您确实需要同时使用这两种框架,否则通常不建议这样做 <>我会考虑使用jQuery替代或使用jQuery。比如:
var $j = jQuery.noConflict();
然后不要使用$(“someelement”)
而是使用$j(“someelement”)代码>
但是,我个人的建议是放弃一个framworks,只使用一个。您的控制台中有错误吗?还是说所有的东西都没有出错就崩溃了?至少显示出一些错误。!!!似乎是个问题!!!哪里什么?如果您列出所有三个库的版本会有所帮助:jquery、cycle和LightboxCode@Kev在哪里?我使用lightbox和cycle没有任何问题。对不起,伙计们,我想你们需要更多信息。这是我使用的jquery代码。我已经把它添加到问题中了。