Question

我正在尝试在我的应用程序中使用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（）执行此操作，如上面的代码所示，它不起作用我认为我错过了什么。请帮忙......

Answer 1

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

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

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

或者，

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

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

Answer 2

var JQN = jQuery.noConflict();

用法示例：

JQN("#id");

Jquery冲突？

2 个答案: