JQuery 문서 편집 관련 문제

코드가 작성된대로 실행되지 않습니다. 버튼 클릭 부분 (첫 번째 경고 이후 3 줄)이 제거되면 제대로 작동합니다. JS/JQ 영역을 수정하면 문제가 발생하는 것처럼 보입니다. 여기서 무엇이 잘못 될 수 있습니까?JQuery 문서 편집 관련 문제

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <title>Problem #2</title> 
     <link rel="stylesheet" href="css/style.css"> 

     <meta name="viewport" content="width=device-width, initial-scale=1"> 
    </head> 
    <body> 
     <h1>Problem #2:</h1> 

     <form> 
      <input type="number" placeholder="Enter your cents" min="0" /> 
      <input type="button" name="Solve" value="Solve" /> 
     </form> 
     <div id="answer"> 
      <div id="quarters"></div> 
      <div id="dimes"></div> 
      <div id="nickels"></div> 
      <div id="pennies"></div> 
     </div> 
     <script src="js/jquery-2.0.3.min.js"></script> 
     <script> 
      $(document).ready(function() { 
       alert("Handler for .ready() called."); 
       $('button').click(function{ 
        alert("Hello World"); 
       }); 
      }); 

     </script> 

    </body> 
</html>

출처

2014-10-30 Michael Sacks

당신은 클릭해야 할 버튼 태그가 없습니다. 잘못된 jQuery 선택기 – ArtOfCode

그 부분에 구문 오류가 있습니다 ... – sinisake

입력 [유형 = 버튼] – ArtOfCode

$('button').click(function{ 
     alert("Hello World"); 
});

을이 (없는 괄호) 할 필요가 : 향후

$('button').click(function() { 
     alert("Hello World"); 
});

, 디버그 콘솔을 살펴보고 구문 오류가있는 줄을 알려주고 종종 오류가 무엇인지 생각해보십시오 r은이다. jsHint을 통해 코드를 실행할 수도 있습니다 (관련 코드를 붙여 넣기 만하면됩니다). 그러면 구문이 잘못되었거나 의심스러운 부분에 대한 세부 정보가 제공됩니다. 당신이 당신의 HTML의 모든 <button> 태그를 가지고 있지 않기 때문에

또한, 당신의 선택은 아마도 잘못된 것입니다. 당신이 해결 버튼을 대상으로하는 경우에, 당신은 아마이처럼 HTML을 변경해야합니다 :이 같은

<input id="solve" type="button" name="Solve" value="Solve" />

하고 HTML을 :

$('#solve').click(function() { 
     alert("Hello World"); 
});

출처

2014-10-30 23:04:09 jfriend00

스크립트의 세 번째 줄에 function 뒤에 괄호가 없습니다.

덧글에 나오는 @ArtOfCode 또한 귀하의 선택자는 input[type=button]이어야합니다.

그것은 다음과 같이한다 : 이것은 구문 오류가

$('input[type=button]').click(function() {

출처

2014-10-30 23:03:22 phantom

감사합니다. 나는 정말로 지금 n00b처럼 느낀다. 버튼을 클릭 할 때 경고가 나타나게하는 방법을 알아 내려면 ..... –

@mikeandike 코드에 따라 코드가 올바르게 작동하는지 확인하십시오. – phantom

JQuery 문서 편집 관련 문제

답변

관련 문제