Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Конфликт jquery
 
 автор: magic   (30.06.2011 в 00:47)   письмо автору
 
 

Всем доброго времени! Столкнулся с такой проблемой. На одной странице надо воспользоваться несколькими библиотеками 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, нам ведь надо просто подменить для использования знак доллара ($)? Заранее спасибо

  Ответить  
 
 автор: AlexSol   (30.06.2011 в 05:27)   письмо автору
 
   для: 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> 

  Ответить  
 
 автор: AlexSol   (30.06.2011 в 05:32)   письмо автору
 
   для: 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(); 
    });

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования