Question

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="jquery.cycle.all.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen"/>

<script type="text/javascript">
$(document).ready(function() {
$('#slider').cycle({
    fx: 'scrollHorz',
    next:   '#next', 
    prev:   '#previous' 


});
});

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen"/>

<script type="text/javascript">
$(function() {
    $('a. lightbox').lightBox();
});
</script>
</script>

问题：当我在单独的文件文件中使用代码时，它工作得很好，但是当我将灯箱添加到轮播脚本时，反之亦然。他们俩都不再工作了。

我刚开始使用jQuery and plugins。陷入问题，我不知道如何解决它，或者什么是错的。我希望在我的网站上有一个旋转木马和一个灯箱，但每当我添加脚本时，它就会停止工作。

从http://leandrovieira.com/projects/jquery/lightbox/获取灯箱的源文件，从jquery网站获取jquery库。用于旋转木马和灯箱。

回复将不胜感激。

现在灯箱只能工作但不能轮播

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="jquery.cycle.all.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen"/>

<script type="text/javascript">
$(document).ready(function() {
$('#slider').cycle({
    fx: 'scrollHorz',
    next:   '#next', 
    prev:   '#previous' 

     // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
<script type="text/javascript" src="js/jquery.js"></script><script
type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen"/>

<script type="text/javascript">
$(function() {
    $('a.lightbox').lightBox();
});
</script>

将2个jQuery脚本添加到1个文件中

0 个答案: