2014-04-20 108 views
0

我對HTML,CSS等有點新。我在html頁面的點擊事件遇到問題。javascript中的Click事件

HTML

<div class="Box1 DaddyBox"></div> 
<div class="Box2 DaddyBox"></div> 
<div class="Box3 DaddyBox"></div> 

CSS

.DaddyBox{ 
    border:thick; 
    border-color:#FFF; 
} 

.DaddyBox:hover{ 
    background: green; 
} 

.Box1 { 
    position: absolute; 
    left: 16px; 
    top: 96px; 
    width: 320px; 
    height: 96px; 
    z-index: 1; 
    background-color: #F5E255; 
} 

JS

$('.Box1').click(function(){ 
    alert(Alert) 
}); 

有什麼昭然若揭我失蹤?點擊Box時我沒有收到警報。

如果需要清晰度,我正在嘗試爲網站創建一個網格界面。每個框都會鏈接到一個新頁面。再次,我是新手,只是嘗試了我迄今爲止所學到的知識,所以也許我會走開,隨時指點我一個新的方向。

感謝

+0

學習javascript的基礎知識,然後學習jQuery, Alert是一個變量, 「Alert」是一個字符串。 理解差異。 – sudhnk

回答

2

你錯過的消息引號alert(),更改爲:

.... 
alert("Alert"); 
... 

,包括jQyery庫和包裝你的代碼中$(document).ready(function(){ ... });如果還沒有完成,如:

$(document).ready(function(){ 
    $('.Box1').click(function(){ 
     alert("Alert"); //add quotes to your message Alert 
    }); 
}); 
+0

這是工作,感謝您的幫助 – user3554471

0

包含標題中的java庫

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 

$(document).ready(function(){ 
    $('.Box1').click(function(){ 
     alert("Alert"); //add quotes 
    }); 
});