Question

当我在一个php文件中一起使用滑块和nivo灯箱时，我遇到了问题。好的，我有这个代码：

<script type="text/javascript" src="js/slider/jquerySlider.min.js"></script>
<script type="text/javascript" src="js/slider/jquery.mobile.customized.min.js"></script>
<script type="text/javascript" src="js/slider/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="js/slider/camera.min.js"></script> 

<script>
    jQuery(function(){
        jQuery('#camera_wrap_1').camera({
            thumbnails: false,
            loader: 'bar',
            pagination: false,
            height: '300px',
        });
    });
</script>

<!--Nivo LightBox-->    
<link rel="stylesheet" href="css/nivo-lightbox.css" type="text/css" />
<link rel="stylesheet" href="themes/default/default.css" type="text/css" />
<script type="text/javascript" src="js/nivoLightbox/jquery.min.js"></script>
<script type="text/javascript" src="js/nivoLightbox/nivo-lightbox.min.js"></script>

<script>
    $(document).ready(function(){
        $('a').nivoLightbox();
    });
</script>

现在它只使用Nivo Lightbox，滑块不起作用。如果我删除行 src =＆＃34; js / nivoLightbox / jquery.min.js，滑块现在正常工作，灯箱没有。

我认为jQuerySlider.min.js是jquery.min.js的另一个版本。通常，所有两个脚本都是jQuery库的某些版本。当我删除并替换它时，最新的，它仍然无法正常工作。

任何人都可以将此代码重写为工作解决方案吗？

Answer 1

你可以在下面找到你的解决方案..

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>


<script type="text/javascript" src="js/slider/jquery.mobile.customized.min.js"></script>
<script type="text/javascript" src="js/slider/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="js/slider/camera.min.js"></script> 


<!--Nivo LightBox-->    
<link rel="stylesheet" href="css/nivo-lightbox.css" type="text/css" />
<link rel="stylesheet" href="themes/default/default.css" type="text/css" />

<script type="text/javascript" src="js/nivoLightbox/nivo-lightbox.min.js"></script>

<script>
    $(document).ready(function(){
        $('#camera_wrap_1').camera({
            thumbnails: false,
            loader: 'bar',
            pagination: false,
            height: '300px',
        });

        $('a').nivoLightbox();
    });
</script>

相机滑块，nivo灯箱 - jQuery冲突

1 个答案: