Konflikt jquery Jak poradzić sobie z sytuacją? - jquery, jquery-ui, konflikt

Niedawno zastosowałem nowy motyw i todołącz 2 pliki jquery, które są w konflikcie z obszarem widżetu. Wymyśliłem 2 pliki, ale tak naprawdę nie wiem, w jaki sposób zamierzam użyć na nich nocnej pomocy jquery? Jakakolwiek pomoc będzie świetna. Jestem nowicjuszem i nie rozumiem, że inni mówią o konflikcie jquery Próbowałem tutaj przykładów, ale nie działa. Oto 2 pliki.

Pierwszy plik http://jsfiddle.net/7mdDs/

Drugi plik http://jsfiddle.net/KVPY3/

Są w konflikcie z obszarem administracyjnym wordpress. Pliki są wywoływane w function.php przez ten parametr

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

}

Konsola wyświetla następujący błąd.

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)

Powiedz mi, w jaki sposób mogę używać jquery bez konfliktów, aby korzystać z tych plików.

Odpowiedzi:

Spróbuj tego: usuwa konflikt z dowolną inną biblioteką $ .noConflict ();

$.noConflict();

tutaj jest kompletne dokumentacja

Mam nadzieję, że to pomoże.