2013-01-21 73 views
0

嗨進出口尋找一個彈出窗口出現在我的主頁和我能夠將其關閉,使用X鍵.. 這裏是我的CSSjQuery的隱藏功能無法正常工作,

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

Alt鍵霍夫出現的模式,當我按youtubexbutton什麼也沒有發生,我希望雙方.modalbackground.sign-up-modal與離開頁面。

+7

你缺少用於文檔準備處理程序的')'。 – undefined

回答

1

語法錯誤。有一個)丟失:

jQuery(document).ready(function(){ 

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

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

}) 
+0

哎呀感謝BTW是:) – Adrian

+3

:如果你使用Firefox,你應該使用谷歌瀏覽器的JavaScript控制檯或Firebug的,這些都是非常有用的工具(我說必要的)開發的JavaScript – davids

+0

感謝我需要使用正常的練習 – Adrian