2017-12-21 25 views
0

jQuery에서는 간단한 onclick 함수를 사용할 수 있지만 두 번째 클릭 만하면 실행됩니다. 왜 이런 일이 될 것이다에 관한jQuery onclick은 두 번째 클릭에서만 작동합니다.

$('.element').on('click', function(e){ 
    e.preventDefault(); 
    alert('click'); 
}); 

$('body').on('click', '.element', function(e){ 
    e.preventDefault(); 
    alert('click'); 
}); 

어떤 아이디어 :

나는 다음을 시도했습니다?

+0

코드가 첫 번째 클릭부터 제대로 작동하는 것 같습니다. https://jsfiddle.net/8j151t8a/. 질문에 스 니펫을 사용하여 문제의 실제 예를 제공 할 수 있습니까? –

+0

'$ ('. element')'HTML로 질문을 업데이트 할 수 있습니까? 그것은 귀하의 DOM로드 방법이 될 수 있습니다. 베스트! – akasoggybunz

+0

e.preventDefault(); "BOM"브라우저 개체 모델의 문제를 제거하려고 시도합니다. 모든 BOM 요소가 작동하지 않습니다. e.preventDefault(); 예 : –

답변

0

스크립트가 문서가로드되기를 기다리지 않고 있습니다. 스크립트를 문서 준비 기능 안에 배치하면 잘 작동합니다.

$ (문서) .ready (함수() {

// 코드

});

+0

경고 내 코드가 여기에 있지만 어떤 이유로 2 차 클릭만으로 작동합니까? – heady12

+0

코드 (html + js)를 알려주실 수 있습니까? – user3502152