2011-11-09 121 views
2

我想在我的应用程序中使用jQuery,我已经在几个位置使用过一些jquery。如何现在我想再为我的标签演示文稿再添加一个广告。我练了这样的..JQuery的冲突?

<head> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> 
    </script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"> 
    </script> 
</head> 

<body> 
    <script> 
     $(function() { 
      $("#my_tabs").tabs({ 
       event: "mouseover" //click 
      }); 
      $.noConflict(); 
     }); 
    </script> 

但是当我使用这个我以前的jQuery,我已经用相同的页面停止工作的另一部分使用。我认为这两个jquery有冲突。我试图用$ .noConflict()做到这一点,如上面的代码所示,它不工作,我认为我失去了一些东西。请帮助...

+0

你是否在单个页面上多次包含jquery?如果是,为什么? – Vikk

回答

3

这里是你的代码应该是这样:

<script> 
    var jq = $.noConflict(); 

    jq(function() { 
     jq("#my_tabs").tabs({ 
      event: "mouseover" //click 
     });    
    }); 
</script> 

或者,

(function($){ 
    $("#my_tabs").tabs({ 
     event: "mouseover" //click 
    });    
})(jQuery); 

后来是称为自我调用匿名函数并用于ma p $jQuery对象,这意味着您可以安全地使用$

+0

非常感谢和jazakAllah-u-Khair ... – ScoRpion

+0

@Showket:不客气的弟弟:) – Sarfraz

+0

实际上,还有第三种更好的方法:'jq(function($){/ * your code using $ here */});' - document.ready函数总是接收jQuery对象作为它的第一个参数 – ThiefMaster

1
var JQN = jQuery.noConflict(); 

使用示例:

JQN("#id");