jquery - Jquery Conflict 状況を処理するには?

Question

最近新しいテーマを適用しましたが、ウィジェット領域と競合する 2 つの jquery ファイルが含まれています。私は2つのファイルを見つけましたが、それらにjquery noconlictをどのように使用するのか本当にわかりませんか? どんな助けでも素晴らしいでしょう。私は初心者で、他の人が jquery の競合について話していることを本当に理解していません。ここに示されている例を試しましたが、うまくいきませんでした。ここに2つのファイルがあります。

最初のファイル http://jsfiddle.net/7mdDs/

2 番目のファイル http://jsfiddle.net/KVPY3/

それらはワードプレスの管理領域と競合しています。ファイルは、このパラメーターによって function.php で呼び出されます

function PricerrTheme_admin_stylesheet()
{
?>
    <link rel="stylesheet" href="<?php echo get_bloginfo('template_url'); ?>/css/tipTip.css" type="text/css" /> 
    <link rel="stylesheet" href="<?php echo get_bloginfo('template_url'); ?>/css/admin.css" type="text/css" />    
    <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/colorpicker.css" type="text/css" />
    <link rel="stylesheet" media="screen" type="text/css" href="<?php bloginfo('template_url'); ?>/css/layout.css" />
    <link type="text/css" href="<?php bloginfo('template_url'); ?>/css/jquery-ui-1.8.16.custom.css" rel="stylesheet" /> 

    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.tipTip.js"></script>   
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/idtabs.js"></script>



        <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.ui.core.js"></script>



        <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.ui.widget.js"></script>

    <script type="text/javascript">
        <?php

            $tb = "tabs1";
            if(isset($_GET['active_tab'])) $tb = $_GET['active_tab']; 

        ?>  
            var $ = jQuery;
        $(document).ready(function() {      
            $("#usual2 ul").idTabs("<?php echo $tb; ?>");
            $(".tltp_cls").tipTip({maxWidth: "330"}); 
        });



        </script>


    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/colorpicker.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/eye.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/utils.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/layout.js?ver=1.0.2"></script>    

    <?php   

}

コンソールに次のエラーが表示されます。

Uncaught TypeError: Cannot read property 'length' of undefined load-scripts.php:2
v.extend.each load-scripts.php:2
e.widget load-scripts.php:13
e.widget.version load-scripts.php:18
(anonymous function)

jquery no-conflict を使用してこれらのファイルを使用する方法を教えてください。

Answer 1

$.noConflict(); 

ここに完全なドキュメントがあります

それが役立つことを願っています。

Answer 2

これを試してください: 他のライブラリとの競合を取り除きます $.noConflict();