在不創建全局衝突的情況下使用$ Alias

爲了學習jQuery，我正在閱讀「Jquery：CookBook」一書。在這本書中，我通過使用'別名'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>

但上述代碼不工作，螢火蟲顯示語法錯誤。我無法根據上述概念找到任何文件。任何人都可以請告訴我，如何正確使用上面的語法。提前感謝。我知道上面的語法看起來很奇怪。但書上說：

所有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

來源

2012-10-08 Mayur Shah

是jquery包含之前運行？ –

@MandarDeshpande你可以發佈錯誤信息嗎？ –

請從控制檯發佈錯誤消息。 – BenM

後好一番努力，我終於得到了answer.There是這一個jQuery的API叫的jQuery .noConflict（）。以下是使用它的方式：

<!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-11 10:45:15

在不創建全局衝突的情況下使用$ Alias

回答

相關問題