2 jQuery腳本衝突

我有一個按鈕鏈接到fancybox和另一個切換隱藏的聯繫人窗體。他們都獨自工作，但當他們在一起時，我無法讓fancybox工作。我認爲它可能與我的腳本中的stopPropagation有關？有沒有人知道我能做些什麼來阻止他們的衝突？2 jQuery腳本衝突

<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>

FANCY BOX 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>

來源

2014-02-12 rizzledon

這可能是因爲jQuery的衝突。

總是有兩個JavaScript庫

之間衝突的機會嘗試

var $j = jQuery.noConflict();

現在你可以在你的jQuery代碼使用$j，而不是$。

jquery conflict

來源

2014-02-12 13:00:24 Prashobh

謝謝，我添加了'變量$ J = jQuery.noConflict（）;'在我的jQuery的開始，改變了所有的'$''到$ j'，但沒有奏效。 – rizzledon

您是否知道我可能能夠用於顯示/隱藏聯繫表單的另一種方法，以避免它們發生衝突？ – rizzledon

2 jQuery腳本衝突

回答

相關問題