Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 尝试使用jquery cycle插件和lightbox插件时发生冲突_Javascript_Jquery_Lightbox - Fatal编程技术网

Javascript 尝试使用jquery cycle插件和lightbox插件时发生冲突

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

我正在一个网站上工作,该网站已经整合了jquery循环插件。在我尝试添加lightbox插件之前,一切正常。元素中似乎存在一个问题,只允许后一个JS文件工作。任何帮助都会很好

下面是我在元素中使用的jquery代码

<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框架,jQueryPrototype

除非您确实需要同时使用这两种框架,否则通常不建议这样做

<>我会考虑使用jQuery替代或使用jQuery。比如:

var $j = jQuery.noConflict();
然后不要使用
$(“someelement”)
而是使用
$j(“someelement”)


但是,我个人的建议是放弃一个framworks,只使用一个。

您的控制台中有错误吗?还是说所有的东西都没有出错就崩溃了?至少显示出一些错误。!!!似乎是个问题!!!哪里什么?如果您列出所有三个库的版本会有所帮助:jquery、cycle和LightboxCode@Kev在哪里?我使用lightbox和cycle没有任何问题。对不起,伙计们,我想你们需要更多信息。这是我使用的jquery代码。我已经把它添加到问题中了。