2014-11-12 4 views
0

Я использую «open modal», который отлично работает с jquery-1.4.4. но с момента добавления библиотеки меню «всплывающих окон» для мобильной версии сайта перестало работать. Я удалил jquery-1.4.4. библиотека и «pop-up'menu» снова начали работать, но модальный остановился, поэтому я предполагаю, что что-то противоречит этой библиотеке.Возможные конфликтующие библиотеки jQuery

Я пробовал кусок скрипта, который допускает несколько библиотек jquery без конфликтов, но он не работает, поэтому я думаю, что самый простой способ - это, возможно, переписать код для всплывающего меню в некотором смысле, который не конфликтует, но я не уверен, как это сделать.

Код, который я использую для всплывающего меню, выглядит следующим образом. (Меню отображалась только на мобильный размер, так что вы, возможно, придется уменьшить ширину вашего браузера)

$(function() { 
     var pull  = $('.pull'); 
      menu  = $('.navigation ul'); 
      menuHeight = menu.height(); 

     $(pull).on('click', function(e) { 
      e.preventDefault(); 
      menu.slideToggle(); 
     }); 


     $(window).resize(function(){ 
      var w = $(window).width(); 
      if(w > 320 && menu.is(':hidden')) { 
       menu.removeAttr('style'); 
      } 
     }); 
    }); 

Фуга модальный прикрепляется к кнопке вопросительный знак на главной странице и URL является mike-griffin.com/index.html (вопрос кнопка знака на месте размера рабочего стола, так ширина браузера должна быть выше 481px

+0

Какая часть вашего кода использует 1.10.2 и какая часть использовать 1.4 .4? – PeterKA

+0

@PeterKA Я изначально просто использовал 1.10.2 b ut 'Reveal Modal' будет работать только с 1.4.4. Поэтому я думаю, что все работает с ними, за исключением того, что Mobile nav не будет работать с 1.4.4, а «Reveal Modal» не будет работать без него. – ironmike

ответ

1

Используя следующий должны решить проблему:.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script> 
     //code that uses 1.10.2 should be enclosed as follows right after loading 1.10.2 
     jQuery(function($) { 
      //1.10.2 code goes here 
     }); 
    </script> 
    <script src="js/jquery-1.4.4.min.js"></script> 
    <script> 
     //code that uses 1.4.4 should be enclosed as follows 
     jQuery(function($) { 
      //1.4.4 code goes here 
     }); 
    </script> 
+0

ты мой человек - спасатель! Я пробовал это раньше, но не знал, что весь код должен быть отделен. теперь он работает, и это то, что мне нужно, спасибо! – ironmike