Javascript 如何让这两个jquery插件工作？

我正在制作一个带有lightbox的图像滑块，但是由于我找不到任何同时具有这两个功能的简单插件，我不得不将其与2个jquery插件混合使用，但它从来都不起作用。 我可以在同一个页面上使用这两个jquery插件吗

以下是我的html代码：

<script src="js/jquery.min.js"></script>
    <script src="js/jquery.colorbox.js"></script>

    <script>
        $(document).ready(function(){

            $(".slider").colorbox({rel:'slider', slideshow:true});

            $(".callbacks").colorbox({
                onOpen:function(){ alert('onOpen: colorbox is about to open'); },
                onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
                onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
                onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
                onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
            });

            //Example of preserving a JavaScript event for inline calls.
            $("#click").click(function(){ 
                $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
                return false;
            });
        });

    </script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript">
    $(document).ready(function(){   
        $("#slider").easySlider({
            auto: true,
            continuous: true 
        });
    }); 

</script>

<div id="container">

<div id="header"></div>

<div id="content">

<div id="slider">
        <ul>                
            <li><a class="slider" href="images/01.jpg"><img src="images/01.jpg" alt="Css Template Preview" /></a></li>
            <li><a class="slider" href="images/02.jpg"><img src="images/02.jpg" alt="Css Template Preview" /></a></li>
            <li><a  class="slider"href="images/03.jpg"><img src="images/03.jpg" alt="Css Template Preview" /></a></li>
            <li><a class="slider" href="images/04.jpg"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>
            <li><a  class="slider"href="images/05.jpg"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>          
        </ul>
    </div>

$（文档）.ready（函数（）{
$（“.slider”）.colorbox（{rel:'slider'，slideshow:true}）；
$（“.callbacks”）.colorbox({
onOpen:function（）{alert（'onOpen:colorbox即将打开'）；}，
onLoad:function（）{alert（'onLoad:colorbox已开始加载目标内容'）；}，
onComplete:function（）{alert（'onComplete:colorbox已显示加载的内容'）；}，
onCleanup:function（）{alert（'onCleanup:colorbox已开始关闭过程'）；}，
onClosed:function（）{alert（'onClosed:colorbox已完全关闭'）；}
});
//为内联调用保留JavaScript事件的示例。
$（“#单击”）。单击（函数（）{
$（'#click'）.css（{“背景色”：“#f00”，“颜色”：“#fff”，“光标”：“继承”}）；
返回false；
});
});
$（文档）.ready（函数（）{
$（“#滑块”）.easySlider({
是的，
连续的：对
});
}); 

---

它不起作用的原因不是因为您包含了两个jquery插件。 但因为您已经包含了两次jquery文件。删除一个，它就会工作

这里你应该包括

<script src="js/jquery.min.js"></script>

把这个拿走

<script type="text/javascript" src="js/jquery.js"></script>

---

它不起作用的原因不是因为您包含了两个jquery插件。 但因为您已经包含了两次jquery文件。删除一个，它就会工作

这里你应该包括

<script src="js/jquery.min.js"></script>

把这个拿走

<script type="text/javascript" src="js/jquery.js"></script>