2 개의 jQuery 스크립트가 충돌합니다

Question

fancybox에 연결된 버튼이 있고 숨겨진 문의 양식을 전환하는 버튼이 있습니다. 둘 다 혼자 일하지만 함께 있으면 fancybox를 작동시킬 수 없습니다. 내 생각에 내 스크립트에서 stopPropagation과 관련이있을 수 있습니다. 사람들이 내가 모순되는 것을 막기 위해 무엇을 할 수 있는지 알 수 있습니까?

<div class="buttoncont"> 
     <div class="innercont"> 
     <div class="thanks" style="display:none;"><p>Thanks for contacting class</p></div> 
      <div class="social"> 
       <!— FANCYBOX BUTTON LINK —> 
       <div class="fancybox-media" href="http://vimeo.com/9532951" rel="media-gallery"> 
       <a class="btn"> <span class="playarrow"></span><span>watch fancybox preview</span></a></div> 
        <!— FANCYBOX BUTTON LINK END—> 
       <!— CONTACT US LINK —> 
       <a class="btn2" href="#innercont" id='link'><span class="contactbbl"></span><span>contact us</span></a> 
        <!— CONTACT US LINK END —> 
      </div> 
<div id="subscribe-pop”><p>DIV POPUP TRIGGERED FROM CONTACT US LINK</p></div> 

<div id="badge1”> 
    <a href="http://www.site1.com"><img class="badge1" src="images/badge1.png" height="auto" width="100%"></a> 
</div> 
<div id=“badge2”> 
     <a href="http://www.site2.com"><img class="badge2” src="images/badge2.png" height="auto" width="100%"></a> 
</div> 

</div> 
</div> 

문의 양식 SCRIPT

<script type="text/javascript"> 

$('html').click(function() { 
    $('#subscribe-pop').hide(); 
    $('.thanks').hide(); 
}); 

$(‘.innercont’).click(function(e){ 
    e.stopPropagation(); 
}); 

$('#link').click(function(e) { 
$('#subscribe-pop').toggle(); 
}); 

$('#mc_embed_signup .button').click(function(e) { 
$('#subscribe-pop').hide(); 
$('.thanks').toggle(); 
}); 

$('#mc_embed_signup .cancel').click(function(e) { 
$('#subscribe-pop').hide(); 

}); 

$('.thanks').click(function() { 
$('.thanks').hide(); 
}); 

</script> 

멋진 상자 SCRIPT

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('.fancybox-media') 
       .attr('rel', 'media-gallery') 
       .fancybox({ 
        padding: 0, 
        openEffect : 'none', 
        closeEffect : 'none', 
        prevEffect : 'none', 
        nextEffect : 'none', 
        arrows : false, 
        helpers : { 
         media : {}, 
         buttons : {} 
        } 
       }); 
         }); 
    </script> 

Answer 1

이 때문에 JQuery와 충돌 될 수 있습니다.

은 항상 두 개의 자바 스크립트 라이브러리

사이의 충돌의 가능성

var $j = jQuery.noConflict(); 

지금 당신은 당신의 jQuery 코드에서 $j 대신 $를 사용할 수있는 시도가있다. 내 JQuery와의 시작 부분에`와 $ j``에 모든`$`를 변경했지만 작동하지 않았다

jquery conflict