2个jQuery脚本冲突

我有一个链接到fancybox的按钮和另一个切换隐藏联系人表单的按钮。 他们都是单独工作的，但我不能让fancybox在一起工作。我想 这可能和我剧本中的停止播放有关？有人知道我能做些什么来阻止他们吗

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

$（'html'）。单击（函数（）{
$（“#订阅pop”）.hide（）；
$（'.Thank'）.hide（）；
});
$（'.innercont'）。单击（函数（e）{
e、 停止传播（）；
});
$（“#链接”）。单击（函数（e）{
$（“#订阅pop”）.toggle（）；
});
$（'#mc_embed_signup.button'）。单击（函数（e）{
$（“#订阅pop”）.hide（）；
$（'.Thank'）.toggle（）；
});
$（'#mc_embed_signup.cancel'）。单击（函数（e）{
$（“#订阅pop”）.hide（）；
});
$（'.Thank'）。单击（函数（）{
$（'.Thank'）.hide（）；
});

花式方块字

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

$（文档）.ready（函数（）{
$（“.fancybox媒体”）
.attr（'rel'，'media gallery'）
.fancybox({
填充：0，
openEffect:'无'，
closeEffect:'无'，
效果：“无”，
下一个效果：“无”，
箭头：错，
助手：{
媒体：{}，
按钮：{}
}
});
});

这可能是因为Jquery冲突

两个javascript库之间总是有冲突的可能

试一试

现在，您可以在jquery代码中使用

$j

而不是

$

---

谢谢，我添加了

var$j=jQuery.noConflict（）

在我的jquery开始时，将所有的

$

更改为

$j

，但它不起作用。您知道我可以使用另一种方法来显示/隐藏联系人表单，以避免它们发生冲突吗？

var $j = jQuery.noConflict();