Jquery 冲突?

发布于 2024-12-14 13:13:39 字数 738 浏览 1 评论 0原文

我正在尝试在我的应用程序中使用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() 来完成此操作,如上面的代码所示,但它不起作用我认为我错过了一些东西。请帮忙...

I am trying to use a jquery in my application where i have already used some jqueries before at several locations. how ever now i want to ad one more for my tab presentation. I am practicing it like this..

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

But when i use this my previous jquery that i have used with another part of the same page stop working. I think the 2 jqueries have conflicts. I tried to do it with $.noConflict() as shown in above code and its not working I think that I am missing Something. Please help ...

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

最舍不得你 2024-12-21 13:13:39

您的代码应该是这样的:

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

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

或者,

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

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

Here is how your code should be:

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

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

Or alternatively,

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

The later is known as self-invoking anonymous function and used to map $ to jQuery object which means you can use $ inside safely.

倾城花音 2024-12-21 13:13:39
var JQN = jQuery.noConflict();

用法示例:

JQN("#id");
var JQN = jQuery.noConflict();

usage example:

JQN("#id");
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文