jquery衝突如何處理這種情況？

我最近應用了一個新的主題，它包括2個與小部件區域衝突的jquery文件。我想出了2個文件，但真的不知道我將如何使用jQuery的noconlict對他們？任何幫助都會很棒。我是新手，並不真正瞭解其他人在談論jQuery的衝突我試過這裏給出的例子，但沒有奏效。這裏是2個文件。jquery衝突如何處理這種情況？

的第一個文件 http://jsfiddle.net/7mdDs/

第二個文件 http://jsfiddle.net/KVPY3/

它們與WordPress管理區域衝突。該文件由該參數

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 

}

控制檯是給下面的錯誤稱爲function.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不衝突來使用這些文件。

來源

2013-07-08 Cid Ubaid

使用這兩個庫的任何具體原因？ –

我真的不知道他們是否都是自由 - 主題包括他們，沒有他們的主題不能正常工作..通過他們不互相沖突的方式，但與WordPress的管理面板衝突我不能拖放或打開小部件。 –

試試這個：刪除與任何其他庫的衝突0$ .noConflict（）;

來源

2013-07-08 06:39:55

您可以簡單地演示如何使用它以及在哪裏使用它？我的意思是js文件在function.php中調用？我必須在哪裏放$ .noconflict（）;什麼是參數？對不起，我真的是新手在js。 –

，否則把$ .noConflict（）放在你的js文件中 –

$.noConflict();

這裏完成documentation

我希望這將有助於。

來源

2013-07-08 06:43:23

你一直都很好..但實際上我無法理解文檔，這就是爲什麼我在這裏問一個關於如何正確使用它的一個小問題..文檔狀態。。 –

使用$ .noConflict（）;在第一次文學之前和第二次之前。 –

你可以定義它，因爲我在我的問題在function.php中定義？ –

jquery衝突如何處理這種情況？

回答

相關問題