Регистрация
Регистрируясь, вы подтверждаете свое согласие с соглашением об использовании персональных данных.
Восстановление пароля

Конфликт между нескольких jQuery плагинов

19.10.2012, 01:42
Гость
Гость

Здравствуйте, уважаемые специалисты!
Подскажите пожалуйста.
У меня проблема с одним jQuery плагином.
При его подключении, перестают работать другие плагины.
Параметры плагинов других jQuery находятся в отдельном js файле.
Код:
 jQuery.noConflict()(function($){
$(document).ready(function(){



{
$("#tree").niceTree();

$("#tree2").niceTree({
color: 'blue'
});

}


if ( $( '.portfolio-item-hover-content' ).length && jQuery() ) {
$('.portfolio-item-hover-content').hover(function() {
$(this).find('div,a').stop(0,0).removeAttr('style');
$(this).find('.hover-options').animate({opacity: 0.9}, 'slow');
$(this).find('a').animate({"top": "45%" });
}, function() {
$(this).find('.hover-options').stop(0,0).animate({opacity: 0}, "slow");
$(this).find('a').stop(0,0).animate({"left": "105%"}, "slow");
$(this).find('a.zoom').stop(0,0).animate({"left": "-5%"}, "slow");
});
}
/*PORTFOLIO ITEM HOVER ENDS*/


if ( $( '#portfolio-slider' ).length && jQuery().cycle ) {
$('#portfolio-slider').cycle({
fx: 'scrollLeft',
prev: '#prev',
next: '#next',
pause: 0,
timeout: 0,
delay: -2000
});

}
/*CLIENTS SLIDER*/
if ( $( '#clients' ).length && jQuery().cycle ) {
$('#clients').cycle({
fx: 'scrollLeft',
speedIn: 1000,
speedOut: 1000,
prev: '#clients-prev',
next: '#clients-next',
pause: true ,
autoplay: 1000,
delay: -2000
});
}
/*CLIENTS SLIDER ENDS*/


/*TOOLTIPS STARTS */
if ( jQuery().simpletooltip ) {
$("#social-1").simpletooltip();
$("#social-2").simpletooltip();
$("#social-3").simpletooltip();
$("#social-4").simpletooltip();
$("#social-5").simpletooltip();
$("#social-6").simpletooltip();
$("#social-7").simpletooltip();
$("#social-8").simpletooltip();
$("#link-1").simpletooltip();
$("#link-2").simpletooltip();
$("#pricing-table-01").simpletooltip();
$("#pricing-table-02").simpletooltip();
$("#pricing-table-03").simpletooltip();
$("#pricing-table-04").simpletooltip();
$("#pricing-table-05").simpletooltip();
$("#pricing-table-06").simpletooltip();
$("#pricing-table-07").simpletooltip();
$("#pricing-table-08").simpletooltip();
$("#pricing-table-09").simpletooltip();
$("#pricing-table-10").simpletooltip();
$("#pricing-table-11").simpletooltip();
$("#pricing-table-12").simpletooltip();
$("#pricing-table-13").simpletooltip();
$("#pricing-table-14").simpletooltip();
$("#pricing-table-15").simpletooltip();
$("#pricing-table-16").simpletooltip();
$("#pricing-table-17").simpletooltip();
$("#pricing-table-18").simpletooltip();
$("#pricing-table-19").simpletooltip();
}
/*TOOLTIPS ENDS */

if ( $('.inner-page-bg .inner-content').length && jQuery() ) {
var $IntroPages = jQuery('.inner-page-bg .inner-content');
$IntroPages.animate({marginTop: "0px"} , 1500,'bounceout');

}

$('a.preview,a.zoom').each(function() {
$(this).removeAttr('data-rel').attr('rel', 'prettyPhoto');
});

$("a[rel^='prettyPhoto']").prettyPhoto({opacity:0.80,default_width:500,default_height:344,theme:'light_rounded',hideflash:false,modal:false});



/*ELASTIC SLIDER*/
if ( $( '#ei-slider' ).length && jQuery().eislideshow ) {
$('#ei-slider').eislideshow({
animation : 'center',
autoplay : false,
slideshow_interval : 3000,
titlesFactor : 0.60,
titlespeed : 800
});
}
/*ELASTIC SLIDER ENDS*/





/*if jQuery('#samples').hide && jQuery() ) {
jQuery('.more').click(function(){
jQuery('#samples').show()
});
}
*/
})
});

Вот код у меня не получается подключить
Код:
if ( $('#samples').hide && jQuery() ) {

});

При его подключение в общий файл параметров js, перестают работать все остальные. Перепробовал многие способы, выводил в html
Код:
<script language="javascript" type="text/javascript">
$(document).ready(function() {
$('#samples').hide()
});
</script>
Тоже не работают
Господа! Помогите пожалуйста!
19.10.2012, 15:10
Игорь
Веб-студия "Комп-АС!"

Зарегистрирован:
2012-05-20
Сообщений: 70

вот пример, у меня заработало:
<script type='text/javascript'>
var j1 = jQuery.noConflict();
$(document).ready(function(){
j1('ul.tabs').tabs('div.panes > div');
});

</script>
<script src='/js/jquery.tools.min.js' type='text/javascript'></script>
<script type='text/javascript'>
var jQ2 = jQuery.noConflict();
$(function() {
jQ2('#alert').overlay({
finish: {top: 'center'},
expose: '#fff'
});
});
</script>

Спасибо, Игорь
19.10.2012, 15:13
Игорь
Веб-студия "Комп-АС!"

Зарегистрирован:
2012-05-20
Сообщений: 70

И ещё обрати внимание на то что подключаешь с начало нужную библиотеку затем jQuery.noConflict(), а потом уж описание функции и т.п.

Спасибо, Игорь
198 196 2012-10-19 15:13:22 12673
Описание проекта