пропозиції роботи
Miron Machnicki Frontend Engineer
Temat: Konfilkt jQuery i Prototype
Witam,Skrypty korzystające z jQuery często nie działają, jeśli korzystamy również z Prototype. Tutaj więcej info: http://blog.baobaz.com/pl/blog/prototype-i-jquery-w-ma...
Używam obu bibliotek w jednym projekcie - http://kultura.nysa.pl/. Aby wszystko dobrze działało, należy na końcu pliku jquery.js dodać kod:
var $j = jQuery.noConflict();, a następnie w każdym kodzie js korzystającym z jQuery zastąpić "$" znakiem "$j".
Udało mi się to ze sliderem top news, ale nie potrafię poprawić menu, które korzysta z jquery (droppy). Poniżej przedstawiam kod (oryginalny bez przekształceń):
<script language=javascript>
$.fn.droppy = function(options) {
options = $.extend({speed: 250}, options || {});
this.each(function() {
var root = this, zIndex = 1000;
function getSubnav(ele) {
if (ele.nodeName.toLowerCase() == 'li') {
var subnav = $('> ul', ele);
return subnav.length ? subnav[0] : null;
} else {
return ele;
}
}
function getActuator(ele) {
if (ele.nodeName.toLowerCase() == 'ul') {
return $(ele).parents('li')[0];
} else {
return ele;
}
}
function hide() {
var subnav = getSubnav(this);
if (!subnav) return;
$.data(subnav, 'cancelHide', false);
setTimeout(function() {
if (!$.data(subnav, 'cancelHide')) {
$(subnav).slideUp(options.speed);
}
}, 500);
}
function show() {
var subnav = getSubnav(this);
if (!subnav) return;
$.data(subnav, 'cancelHide', true);
$(subnav).css({zIndex: zIndex++}).slideDown(options.speed);
if (this.nodeName.toLowerCase() == 'ul') {
var li = getActuator(this);
$(li).addClass('hover');
$('> a', li).addClass('hover');
}
}
$('ul, li', this).hover(show, hide);
$('li', this).hover(
function() { $(this).addClass('hover'); $('> a', this).addClass('hover'); },
function() { $(this).removeClass('hover'); $('> a', this).removeClass('hover'); }
);
});
};
</script>
Znaki $ zastąpiłem $j, ale to nic nie zmienia. Czy ktoś orientuje się, o co może chodzić?
Już działa. Zapomniałem dodać na końcu:
Miron Machnicki edytował(a) ten post dnia 21.07.10 o godzinie 20:33
<script type='text/javascript'>
$j(function() {
$j('#nav').droppy();
});
</script>
