Тема: Допоможіть з $.noConflict()
Доброго дня, допоможіть порадаю - як подружити 2-ва скрипти... а саме - э скрип для кнопки з функцыэю drop down menu - все прцює... але для верстки сайту 1 в 1 я використовую xprecise - та коли я підключаю його до сайту кнопка втрачає однеу з своїх функцій... а касе не ховається після кліка за область самого меню...
таке враження що конфліктоють або дві різні версії jq - або самі скрипти... я знаю що можна їх подружити використавши таку річ як $.noConflict(); - але в мене чоось воно нехоче працювати...
чи мог ли б ви мені допомогти ??
<!doctype html>
<lang ="ua">
<html>
<head>
<meta charset="utf-8">
<title>JS+</title>
<link rel="stylesheet" href="js+.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function () {
$.fn.mytoggle = function () {
var b = arguments;
return this.each(function (i, el) {
a = function () {
var c = 0;
return function () {
b[c++ % b.length].apply(el, arguments)
}
}();
$(el)
.click(a)
})
};
var button = $('.button');
var menu = $('.menu');
button.mytoggle(function (event) {
event.preventDefault()
$(this)
.next()
.css({
display: 'block'
});
$('.ar', this)
// .html('▲')
.css({
// top: '3px'
backgroundImage : 'url(http://javascript.ru/forum/images/smilies/victory.gif)'
});
$(this)
.addClass('active');
}, function (event) {
event.preventDefault()
$(this)
.next()
.css({
display: 'none'
});
$('.ar', this)
//.html('▼')
.css({
//top: '5px'
backgroundImage : 'url(http://javascript.ru/forum/images/smilies/write.gif)'
});
$(this)
.removeClass('active');
});
$(document)
.click(function (event) {
var target = $(event.target)
.filter('#wrapper');
if (target.length == 1) {
$('.active').click()
}
})
});
</script>
<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function($) {
});
</script>
<script src="_xprecise/jquery-1.7.1.js"></script>
<script src="_xprecise/xprecise.min.js"></script>
</head>
<body>
<div id="wrapper">
<div id="container">
<div class="settings">
<a href="#" class="button">
<span class="txt">Настройки</span>
<span class="ar"></span>
</a>
<div class="menu">
<ul>
<li><a href="#">Налаштування профілю</a></li>
<li><a href="#">Налаштування акаунта</a></li>
<li><a href="#">Читати пошту</a></li>
<li><a href="#">Вийти</a></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>допоможіть будь ласка