1

同じページにオートコンプリートとファンシーボックスを追加しようとしています:

<?php //automcomplete // ?>

    <script src="scripts/jquery-1.8.2.js"></script>
    <script src="scripts/ui/jquery.ui.core.js"></script>
    <script src="scripts/ui/jquery.ui.widget.js"></script>
    <script src="scripts/ui/jquery.ui.position.js"></script>
    <script src="scripts/ui/jquery.ui.autocomplete.js"></script>
    <link rel="stylesheet" href="css/demos.css">

<?php //fancybox //?>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript" src="scripts/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="css/fancybox/jquery.fancybox-1.3.4.css" media="screen">
  <script type="text/javascript">
    /* <![CDATA[ */ 
        $(document).ready(function() { $.noConflict();
        $("#various3").fancybox({
                'width'         : '95%',
                'height'        : '95%',
                'autoScale'     : false,
                'transitionIn'      : 'none',
                'transitionOut'     : 'none',
                'type'          : 'iframe'
            })


        });
    /* ]]> */ 
    </script>

競合があるようですが、 noconflict は私にはうまくいきませんでした:( 2つの質問があります:1-これら2つの機能を追加するための簡単な手段とより簡単なものはありますか(.jsが多数あることがわかりました。これらすべてのクエリでページを遅くしますか? (スライダーを追加することに加えて考えています-> jquery を追加します!) 2-fancybox をオートコンプリートで動作させる方法は?

4

1 に答える 1

2

jQueryの単一インスタンスは両方のプラグインで機能するはずです。理想的には最新バージョンなので、この行を削除できます。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
于 2012-10-11T02:00:12.280 に答える