现在的位置: 首页 > 综合 > 正文

jquery 命名冲突解决方案

2018年05月25日 ⁄ 综合 ⁄ 共 976字 ⁄ 字号 评论关闭


学习技术网站上的文章,自己大概总结了一下!大笑
1.将$的控制权让给其他框架


   <script ype="text/javascript">
     jQuery.noConflict();
     jQuery(function(){
        jQuery("p").click(function(){
      }) ;    
     });
    $("pp").style.display="none";
  </script>

2.自定义一个比较短快捷方式
    
    <script ype="text/javascript">
     var $j=jQuery.noConflict();
     $j(function(){
        $j("p").click(function(){
            alert("ok");
         }) ;    
     });
    $("pp").style.display="none";
  </script>

3.将$的控制权让出,使用jQuery的$
   <script ype="text/javascript">
     jQuery.noConflict();
     jQuery(function($){
        $("p").click(function(){
            alert("ok");
         }) ;    
     });
    $("pp").style.display="none";
  </script>

4.将$控制权让出,定义匿名函数并设置行参为$
   <script ype="text/javascript">
     jQuery.noConflict();
     (function($){
        $("p").click(function(){
            alert("ok");
         }) ;    
     })(jQuery);
    $("pp").style.display="none";
  </script>

5.直接使用jQuery 
    <script ype="text/javascript">
    jQuery (function(){
        jQuery("p").click(function(){
            alert("ok");
         }) ;    
     });
    $("pp").style.display="none";
  </script>
   

抱歉!评论已关闭.