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冲突如何处理这种情况？

回答

相关问题