我最近应用了一个新主题,其中包括两个与小部件区域冲突的jquery文件。我弄清楚了这两个文件,但真的不知道如何在它们上使用jquery nocont?任何帮助都会很棒。我是一个新手,并不真正理解其他人在谈论jquery冲突。我尝试了这里给出的例子,但没有成功。这是两个文件。
第一个文件http://jsfiddle.net/7mdDs/
第二个文件http://jsfiddle.net/KVPY3/
它们与wordpress管理区域冲突。这些文件在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而不冲突地使用这些文件。
试试这个:消除与任何其他库的冲突$.noConflict();
$.noConflict();
这是完整的文档
我希望这会有所帮助。