|
|
|
| Всем доброго времени! Столкнулся с такой проблемой. На одной странице надо воспользоваться несколькими библиотеками jquery. Первая - это карусельный слайдер, а вторая - лайтбокс. И вот тут возник конфликт.
Если подключать так как внизу в коде, то cоlorbox перестает работать. Если первым подключить slider, то он не будет работать.
<!-- colorbox -->
<script type="text/javascript" src="skins/javascript/colorbox/jquery.min.js"></script>
<script type="text/javascript" src="skins/javascript/colorbox/jquery.colorbox-min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a[rel='1']").colorbox();
});
</script>
<!-- end colorbox -->
<!-- slider -->
<script src="skins/javascript/slider/jquery-latest.js" type="text/javascript"></script>
<script src="skins/javascript/slider/jquery.bxSlider.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slider1').bxSlider({
auto: true,
displaySlideQty: 4,
moveSlideQty: 2
});
});
</script>
<!-- end slider -->
|
В инете надыбал такую функцию jQuery.noConflict(), но там описывается как использовать ее в случаи jquery и mootools. А вот как ее юзать когда два jquery?
Ниже пример:
<script>
jQuery.noConflict();
// Вызов через jQuery(...)
jQuery(document).ready(function(){
jQuery("div").hide();
});
// Для Mootools оставляем $(...)
$('someid').hide();
</script>
|
Можно вообще по подробней ее синтаксис разобрать. Вообще причем здесь эта строка jQuery("div").hide();. Почему в ней используется div, нам ведь надо просто подменить для использования знак доллара ($)? Заранее спасибо | |
|
|
|
|
|
|
|
для: magic
(30.06.2011 в 00:47)
| | jQuery.noConflict() - против конфликта jquery с другими библиотеками использующими $. здесь это не нужно.
судя по названиям криптов вы два раза подключаете jquery. библиотеку надо подключать только один раз.
<script type="text/javascript" src="skins/javascript/colorbox/jquery.min.js"></script>
<script src="skins/javascript/slider/jquery-latest.js" type="text/javascript"></script>
|
| |
|
|
|
|
|
|
|
для: magic
(30.06.2011 в 00:47)
| | по второй части вопроса - если у вас на странице jquery + prototype/mootools/...
то надо переписать только скрипт jquery.
заменяете все $ на jQuery
было
$(document).ready(function(){
$("div").hide(); // это просто пример вызова, не спрашивайте почему div и hide() ))
});
|
стало
jQuery(document).ready(function(){
jQuery("div").hide();
});
|
| |
|
|
|