Jquery冲突?

时间:2011-11-09 06:44:34

标签: javascript jquery jquery-ui jquery-plugins

我正在尝试在我的应用程序中使用jquery,我已经在几个位置使用了一些jqueries。现在我想再为我的标签演示添加一个广告。我这样练习..

<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,我已经使用同一页的另一部分停止工作。我认为2个jqueries有冲突。我尝试使用$ .noConflict()执行此操作,如上面的代码所示,它不起作用我认为我错过了什么。请帮忙......

2 个答案:

答案 0 :(得分:3)

以下是您的代码应该如何:

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

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

或者,

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

后者称为自动调用匿名函数,用于将$映射到jQuery对象,这意味着您可以安全地使用$

答案 1 :(得分:1)

var JQN = jQuery.noConflict();

用法示例:

JQN("#id");