-2

以前はjQuery 1.6を使用していました。次に、jQuery 1.7 で動作するスライドショーが必要でした。

HTML ページで両方のバージョンが競合しています。jQueryの競合を回避するための解決策は、次のコードで高く評価されます...

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

    <script type="text/javascript">
        $.noConflict();

        $(document).ready(function(){
            $('#nav ul').superfish();
            packages_slider();
            testimonials_slider(); 
            set_datepicker();       
            set_select();
            set_captcha(true);
            validation();
            jquery_miscellaneous();
        });
    </script>

    <script src="js/jquery-ui.1.8.16.min.js" type="text/javascript"></script>
    <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="js/sliders.js" type="text/javascript"></script>
    <script src="js/superfish.js" type="text/javascript"></script>
    <script src="js/pdate.js" type="text/javascript"></script>
    <script src="js/jquery.datepick.pack.js" type="text/javascript"></script>
    <script src="js/jquery.selectbox-0.1.3.min.js" type="text/javascript"></script>
    <script src="js/jquery.validate.min.js" type="text/javascript"></script>
    <script src="js/jquery.form.js" type="text/javascript"></script>
    <script src="js/miscellaneous.js" type="text/javascript"></script>


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

    <script type="text/javascript">
            $.noConflict();

        jQuery(document).ready(function($){
            $('#basic-slider').advancedSlider({width: 1200, 
                                               height: 600, 

                                                }
            });
        });

        </script>
    <script type="text/javascript" src="js/jquery.transition.min.js"></script>
    <script type="text/javascript" src="js/jquery.advancedSlider.min.js"></script>
4

2 に答える 2

4

両方のバージョンを使用しないでください。1.7 1.8にアップグレードするだけです。

これを (部分的に) 機能させるには汚いトリックがありますが、トラブルが発生し、多くの保守作業が必要になり、クライアントにダウンロードするコードの量が 2 倍になります。あなたは本当にその道を歩きたくない。

于 2012-09-04T10:47:57.180 に答える
0

$.noConflict()how worksを読む必要があります。最初に呼び出すと、が未定義に$.noConflict()リセットされます。つまり、期待する関数ではないため、最初にエラーが発生します。$$(document).ready()$

2 番目の を保持する$.noConfict()と、それを呼び出した後、次のようになります。

  • $jQuery 1.6.4を指します
  • jQueryjQuery 1.7.2を指します
于 2012-09-04T10:50:16.187 に答える