2016-04-27 80 views
0

我只是嘗試了。點擊了第一次,但不是DIVjQuery的。點擊功能不工作的div標籤

https://jsfiddle.net/djsreeraj/rnL7stsm/

HTML

<body> 
<div id="score">0</div> 
<div id="start">Start</div> 
</body> 

CSS代碼

工作
#start { 
    width: 50px; 
    padding: 10px 15px; 
    text-align: center; 
    font: bold 15px arial; 
    background-color: #dedede; 
    color: #000; 
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px; 
    position: absolute; 
    } 
    #start:hover { 
    cursor: pointer; 
    } 

這是jQuery代碼,.click函數不工作,如何解決它?

$(document).ready(function() 
{ 

$("#start").click(function() { 
      alert("Hello!"); 
      $("#start").hide(); 
     }); 
    }); 
+0

試試這個:https://jsfiddle.net/rnL7stsm/2/ – hmd

+0

認爲在線編輯器與它一起預裝 – djsreeraj

回答

1

它看起來像你需要添加jQuery的頁面。

編輯小提琴:https://jsfiddle.net/rnL7stsm/1/

$(document).ready(function() 
{ 

$("#start").click(function() { 
       alert("Hello!"); 
       $("#start").hide(); 
      }); 
}); 

我也去掉了標記。

+0

我試過編輯器,如codepen,jsfiddle,我應該包括嗎? – djsreeraj

+0

是的,你需要在任何你想使用它的地方包含jquery。 –

+0

感謝它的工作,思想編輯器隨着它預裝 – djsreeraj