jquery - jQuery隐藏功能不起作用，

Question

嗨，我正在寻找一个弹出窗口出现在我的主页上，并让我能够使用 X 按钮将其关闭。这是我的 CSS

.sign-up-modal {
width: 590px;
height: 464px;
position:fixed;
z-index:700;
top:180px;
left:50%;
background-image: url('images/youtubeconsole.png');
margin-left:-295px;
display:block;
}

.modalbackground {
width:100%;
height:100%;
background-image: url('images/modalbackground.png');
background-repeat: repeat;
position:fixed;
z-index:99999;
}

.youtubexbutton {
bottom: 12px;
right:13px;
position:absolute;
width:26px;
height:26px;
background-image:url('images/youtubex.png');
}

.youtubexbutton:hover {
background-image:url('images/youtubex-hover.png');
cursor:pointer;
}

在 wordpress 中，在我的 header.php 中，我有...

<script>

jQuery(document).ready(function(){

    jQuery('.youtubexbutton').click(function(){
    jQuery('.sign-up-modal').hide();
    });

    jQuery('.youtubexbutton').click(function(){
    jQuery('.modalbackground').hide();
});

}


</script>

在我的主页上，我...

<div class="sign-up-modal">
<div class="youtubexbutton"></div>
</div>  

尽管出现了模式，但当我按下时youtubexbutton什么也没有发生，我希望两者都.modalbackground离开.sign-up-modal页面。

Answer 1

语法错误。有一个)缺失：

jQuery(document).ready(function(){

    jQuery('.youtubexbutton').click(function(){
    jQuery('.sign-up-modal').hide();
    });

    jQuery('.youtubexbutton').click(function(){
    jQuery('.modalbackground').hide();
});

})