2014-11-12 2 views
0

jquery-1.4.4에서 잘 작동하는 'reveal modal'을 사용하고 있습니다. 그러나 라이브러리를 추가 한 후 사이트의 모바일 버전에 대한 '팝업'메뉴가 작동을 멈췄습니다. 나는 jquery-1.4.4를 삭제했다. 라이브러리 및 '팝업'메뉴가 다시 작동하기 시작했지만 모달이 중단되어 해당 라이브러리와 충돌하는 것으로 가정합니다.충돌 할 수있는 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에서만 작동합니다. 그래서 나는 모바일 nav가 1.4.4와 함께 작동하지 않는다는 것을 제외하고는 모두가 함께 작동한다고 생각합니다. 그리고 '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