0

jQuery を学習するために、「Jquery: CookBook」という本を読んでいます。この本では、Global Conflict を作成せずに「jQuery」の $ エイリアスを使用するという概念について説明しました。本によると、構文は次のとおりです。

  <html>
  <head> 
   <script type="text/javascript" src="jquery-min.js">
   </script>
   </head>
   <body>
   <script>
   (function($){         //function to create private scope with $ parameter
        alert("Hello");    //private scope and using $ without worry of conflict
    })(jQuery); 
   </script>
</body>
</html>

しかし、上記のコードは機能せず、firebug は構文エラーを示します。上記の概念に基づくドキュメントを見つけることができません。上記の構文を正しく使用する方法を教えてください。よろしくお願いします。上記の構文が奇妙に見えることはわかっています。しかし、本には次のように書かれています。

すべての jQuery コードは、次の自己呼び出し関数内にカプセル化できます。

(function($){ //function to create private scope with $ parameter
//private scope and using $ without worry of conflict
})(jQuery); //invoke nameless function and pass it the jQuery object
4

1 に答える 1

0

いくつかの努力の後、私は最終的に答えを得ました。これには、jQuery.noConflict() と呼ばれる jquery API が 1 つあります。使用方法は次のとおりです。

    <!doctype html>
        <html>
            <head>
                <title>No conflict</title>
                <script src="jquery.js"></script>
            </head>

            <body>
            <p>Click Here </p>

            <script type="text/javascript">
            $.noConflict();
           jQuery(document).ready(function($) {

   // Code that uses jQuery's $ can follow here.            

    $('p').click(function(){

                alert("Hello");
                });

      });


            </script>

            </body>
        </html>
于 2012-10-11T10:45:15.197 に答える