2013-12-08 2 views
0

버튼의 onclick 이벤트에 문제가 있습니다 (Bootstrap). 단추가 테이블 안에 있지만 onclick 이벤트가 발생하지 않습니다. 속성 onclick='<code>'JQuery : $(".follow-button").on('click', function(){<code>})을 사용하려고합니다. 여기에서 그것은 bootstrap 3 클래스 table table-hover으로 테이블 안에 버튼클릭 이벤트가 실행되지 않음

<td><button type="button" class="btn btn-default btn-sm follow-button" id="follow8">Follow</button></td> 

이다. 이것에 대한 해결책은 무엇입니까?

이 시도 당신은 클래스 이름을 맞춤법이 틀린

답변

1

이 시도 :

$('.table').on('click', '.follow-button', function() {<code>}); 
+0

에서, 여기에 맞춤법이 틀린? 하지만 감사합니다 – user6827

+0

내게 왜 좋은 자원을 얻을 수있는 동안 내놔 - 내가 설명 할 수 있지만이 주석을 입력해도 나는 이미 두 줄을 지나치다 lol – Deryck

+3

@ user6827 코드가 작동하지 않기 때문에 그 이벤트를 등록 할 때 , Dom에는 해당 서명이있는 요소가 없습니다. 따라서이 문제를 해결하려면 이벤트 위임을 사용해야합니다. –

1

,

$(".follow-button").on('click', function(){<code>}). 

대신

$(".button-follow").on('click', function(){<code>}). 

당신은 런타임에 그 버튼을 만드는 경우 다음 이벤트를 사용하려고

-delegation ( .on) like this,

$('body').on('click', '.follow-button', function() {<code>}); 
+0

죄송합니다, 그렇지 않은 코드이, 왜이 이런 식으로해야 작동 – user6827

관련 문제