2012-09-30 6 views
3

...옥 버튼을 jQuery를 클릭 이벤트

나는이 index.jade 파일이! 내가 뭘 놓치고 있니?

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" href="/stylesheets/style.css"> 
<script src="/javascripts/jquery-1.8.2.js"></script> 
<script src="/socket.io/socket.io.js"></script> 
<script> 
$("#rollButton").click(function() { 
    alert("sas"); 
}); 
</script> 
</head> 
<body> 
<input id="rollButton" type="button" value="Roll"> 
</body> 
</html> 
+0

은 생성 된 페이지 소스를 볼 수? 대답이 분명해야 –

+0

스크립트의 당신의 들여 쓰기 당신이 난 그냥 옥에 HTML을 둘 것 미쳐하지 않으려면 BTW,이 스크립트를 필요로하고 다른 파일에 자바 스크립트 코드를 작성하는 잘못된 – supernova

+1

입니다. – supernova

답변

5

내가 [옥] 아직 익숙하지 해요,하지만 거기에 이것처럼, jQuery를 "onReady"기능 안 :

생성 된 HTML 확인을 보인다

!!! 5 
html 
    head 
    link(rel='stylesheet', href='/stylesheets/style.css') 
    script(src="/javascripts/jquery-1.8.2.js") 
    script 
     $(document).ready(function(){ 
     $("#rollButton").click(function() { 
      alert("sas"); 
     }); 
     }); 
    body 
    input#rollButton(type="button", value="Roll") 

편집 : 그리고 들여 쓰기에 대해 잘 모르겠습니다. 다른 의견에서 볼 수 있듯이 역시 수정해야합니다.

+0

신은 내가 $ (문서)를 놓친다라고 생각할 수 없다. 벌써 하하, 30 분처럼 고생했다. 감사 :) – jviotti

0

이 제거! 5

html 
head 
link(rel='stylesheet', href='/stylesheets/style.css') 
script(src="/javascripts/jquery-1.8.2.js") 
     script 
    $("#rollButton").click(function() { 
     alert("sas"); 
    }); 
body 
input#rollButton(type="button", value="Roll")