Question

我在我的页面上运行了三个不同的jquery脚本，我认为使用不同版本的jquery，它们不会同时运行。我尝试使用noconflict无济于事 - 我想答案很简单，代码很乱，但我对Jquery很新，所以无法发现它。我已经尝试摆脱各种各样的位，三个中的一个总是停止工作，因为目前只有幻灯片上的前进和后退按钮，这是最后一段代码（标题为“相机”）不是工作，但下拉菜单和'正方形'是。在此先感谢您的帮助。这是代码：

          <head> 
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > 
            <title>AMAR </title> 
            <meta name="description" content="AMAR"> 
                  <link rel='stylesheet' id='camera-css'  href='css/camera.css' type='text/css' media='all'> 
        <link rel="stylesheet" type="text/css" href="flexdropdown.css" />

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




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

    <script src="http://www.google.com/jsapi" type="text/javascript"></script>
        <script type="t

ext/javascript">google.load("jquery","1.6.1");</script>
    <link rel="stylesheet" href="css/jsquares.css" type="text/css" media="all" />
     <script src="js/jquery.hoverintent.min.js" type="text/javascript"></script>
    <script src="js/jquery.jsquares.min.js" type="text/javascript"></script>

    <script type="text/javascript">
    $(document).ready(function(){
        $('#js-container').jsquares();
    });
    </script>

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

        <script>
            jQuery(function(){

                jQuery('#camera_wrap_1').camera({
    height: '40%',
                    thumbnails: false,
    fx: 'simpleFade', hover: false, navigationHover: false, portrait: false, time: 8000, 

                });

                jQuery('#camera_wrap_2').camera({
                    height: '30%',
                    loader: 'bar',
                    pagination: false,
                    thumbnails: false
                });
            });
        </script>

Answer 1

令人费解的是，它似乎与包装器的高度有关？所有脚本现在都可以很好地并排运行，但是当我增加包装器的高度时，相机幻灯片上的下一个和上一个按钮停止工作，不明白为什么。

冲突的Jquery脚本

1 个答案: