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();
});

})

jQuery隐藏功能不会工作，

1 个答案: