왜 jQuery를 클릭 기능이 작동하지 않습니다?

해결법

1.당신은 $ (문서)에 .ready (함수 () {}) 자바 스크립트 코드를 추가로되어있다; 블록.

당신은 $ (문서)에 .ready (함수 () {}) 자바 스크립트 코드를 추가로되어있다; 블록.

즉
```
$(document).ready(function() {
  $("#clicker").click(function () {
    alert("Hello!");
    $(".hide_div").hide();
  });
});
```
jQuery를 문서 상태로 : 준비 "페이지는 문서가 될 때까지 안전하게 조작 할 수 없습니다" "jQuery를 당신을 위해 준비의 상태를 감지 코드 .ready 내부 $ (문서) 포함 ()는 페이지의 문서 객체하면 실행됩니다.. 자바 스크립트 코드가 실행하는 모델 (DOM)은 "준비
2.나는 $ (문서)로 ON 사용하여이 문제에 대한 최선의 해결책을 찾아 냈다.

나는 $ (문서)로 ON 사용하여이 문제에 대한 최선의 해결책을 찾아 냈다.
```
 $(document).on('click', '#yourid', function() { alert("hello"); });
```
ID는 아래를 참조로 시작 :
```
$(document).on('click', 'div[id^="start"]', function() {
alert ('hello'); });
```
마지막으로 일주 후 나는 방아쇠를 onclick을 추가 할 필요가 없습니다. 나는 이것이 많은 사람들에게 도움이되기를 바랍니다
3.document.ready없이 작동 할 수 코드는 () 단지 확인 스크립트가 #clicker 후라고합니다. http://jsbin.com/aPAsaZo/1/ :이 데모를 체크 아웃

document.ready없이 작동 할 수 코드는 () 단지 확인 스크립트가 #clicker 후라고합니다. http://jsbin.com/aPAsaZo/1/ :이 데모를 체크 아웃

준비 개념 아이디어. 당신은 확인 스크립트가 페이지의 최신 일 또는 영향을받는 요소 후에는 것을, 그것은 작동됩니다.
```
<!DOCTYPE html>
<html>
<head>


<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <script src="https://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>
  <a href="#" id="clicker" value="Click Me!" >Click Me</a>
  <script type="text/javascript">

        $("#clicker").click(function () {
            alert("Hello!");
            $(".hide_div").hide();

        });


</script>

</body>
</html>
```
주의: jsbin 데모에서는 코드에서 HTTPS가와 HTTP를 교체하거나이 변형 데모를 사용
4.당신은 $ (문서) .ready와 자바 스크립트 코드를 포장해야한다 (함수 () {});이 JSfiddle을 봐.

당신은 $ (문서) .ready와 자바 스크립트 코드를 포장해야한다 (함수 () {});이 JSfiddle을 봐.

JS 코드 :
```
$(document).ready(function() {

    $("#clicker").click(function () {
        alert("Hello!");
        $(".hide_div").hide();    
    });
});
```
5.({다음 스크립트의 시작, 그리고} () 함수) (문서) .ready $ 추가하십시오 ;. 또한, 사업부 등의 ID가 아닌 클래스로, 즉, 제대로의 ID를 가지고 있는가?

({다음 스크립트의 시작, 그리고} () 함수) (문서) .ready $ 추가하십시오 ;. 또한, 사업부 등의 ID가 아닌 클래스로, 즉, 제대로의 ID를 가지고 있는가?
6.수 있는지 확인 버튼을 클릭에서 유지하여 버튼 (예 : div의 또는 trasparent의 IMG)에 아무것도 없다. 그것은 바보 같은 소리, 그러나 때때로 우리는 jQuery를 작동하지 않는 것을 생각하고 모든 것을 거 즈와 문제는 DOM 요소의 위치에 있습니다.

수 있는지 확인 버튼을 클릭에서 유지하여 버튼 (예 : div의 또는 trasparent의 IMG)에 아무것도 없다. 그것은 바보 같은 소리, 그러나 때때로 우리는 jQuery를 작동하지 않는 것을 생각하고 모든 것을 거 즈와 문제는 DOM 요소의 위치에 있습니다.
7.당신은 $ (함수 () {// 코드})를 사용할 수 있습니다; 어떤 문서가 그 블록의 내부 코드를 실행할 준비가되었을 때 실행된다.

당신은 $ (함수 () {// 코드})를 사용할 수 있습니다; 어떤 문서가 그 블록의 내부 코드를 실행할 준비가되었을 때 실행된다.
```
$(function(){
    $('#clicker').click(function(){
        alert('hey');
        $('.hide_div').hide();
    });
});
```
8.당신은 핸들로 엔진을하는 주형 클라이언트 측을 사용하는 경우 그냥 빨리 검사, 당신의 JS가 document.ready 후로드, 따라서,에 이벤트를 바인딩 할 요소가 없을 것입니다 때문에 하나 핸들러를 onclick을 사용하거나 신체에 사용 현재 대상 확인

당신은 핸들로 엔진을하는 주형 클라이언트 측을 사용하는 경우 그냥 빨리 검사, 당신의 JS가 document.ready 후로드, 따라서,에 이벤트를 바인딩 할 요소가 없을 것입니다 때문에 하나 핸들러를 onclick을 사용하거나 신체에 사용 현재 대상 확인

from https://stackoverflow.com/questions/18602331/why-is-this-jquery-click-function-not-working by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 단지 자바 스크립트를 사용하여 폴더에서 이미지 파일 이름은 모두의 목록을 반환하는 방법이 있나요? (0)	2020.10.19
[JQUERY] 어떻게 브라우저 또는 요소 스크롤을 사용하지 않도록 설정할 수 있습니다,하지만 여전히 휠 스크롤을 허용하거나 화살표 키를? (0)	2020.10.19
[JQUERY] 어떻게 CSS3 / 자바 스크립트와 스타일 "입력 파일"에? [복제] (0)	2020.10.19
[JQUERY] 어떻게 단 한번의 클릭 이벤트를 두 번 클릭 이벤트를 차별화? (0)	2020.10.19
[JQUERY] jQuery로 DIV 요소의 순서를 무작위 (0)	2020.10.19

복붙노트

[JQUERY] 왜 jQuery를 클릭 기능이 작동하지 않습니다?

왜 jQuery를 클릭 기능이 작동하지 않습니다?

해결법

1.당신은 $ (문서)에 .ready (함수 () {}) 자바 스크립트 코드를 추가로되어있다; 블록.

2.나는 $ (문서)로 ON 사용하여이 문제에 대한 최선의 해결책을 찾아 냈다.

3.document.ready없이 작동 할 수 코드는 () 단지 확인 스크립트가 #clicker 후라고합니다. http://jsbin.com/aPAsaZo/1/ :이 데모를 체크 아웃

4.당신은 $ (문서) .ready와 자바 스크립트 코드를 포장해야한다 (함수 () {});이 JSfiddle을 봐.

5.({다음 스크립트의 시작, 그리고} () 함수) (문서) .ready $ 추가하십시오 ;. 또한, 사업부 등의 ID가 아닌 클래스로, 즉, 제대로의 ID를 가지고 있는가?

7.당신은 $ (함수 () {// 코드})를 사용할 수 있습니다; 어떤 문서가 그 블록의 내부 코드를 실행할 준비가되었을 때 실행된다.

'JQUERY' 카테고리의 다른 글

티스토리툴바