0

こんにちは、私のホームページに表示されるポップアップ ウィンドウと、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;
}

ワードプレスでは、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いました。

4

1 に答える 1

1

構文エラー。)不足しているものがあります：

jQuery(document).ready(function(){

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

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

})
于 2013-01-21T16:23:07.200 に答える