2011-08-09 2 views
2

Chrome에서 내 jquery 제출 핸들러가 호출되지 않습니다. 여기에 코드입니다 :Chrome에서 내 jquery 제출 핸들러가 호출되지 않습니다.

<input 
accesskey="s"  
class="button"  
id="issue-link-submit" 
name="Link" 
title="Press Alt+s to submit this form" 
type="submit" 
value="Link" 
/> 

<script type="text/javascript"> 
jQuery('#issue-link-submit').submit(function() { 
alert('hi'); 
}); 
</script> 

그러나 그것은 IE와 FF에서 잘 작동한다. 이 문제에 대해 도와 주시겠습니까? 미리 감사드립니다.

스크립트는 페이지가 반드시 구문 분석 및 렌더링되기 전에, 당신이 document.ready 콜백에서 DOM에 따라 모든 jQuery 코드를 래핑합니다 실행으로

-Chintu

+0

개발자 도구 콘솔에 오류가 있습니까? 함수에 return false를 추가해보십시오. – chchrist

답변

1

시도 :

<script type="text/javascript"> 
jQuery('#issue-link-submit').click(function(e) { 
    e.preventDefault; 
    alert('hi'); 
}); 
</script> 
+1

고마워요! 그것은 작동합니다. – chintu

+0

괜찮습니다. 진드기를 누르고 답변으로 표시하는 것을 잊지 마세요 :) – rickyduck

0

.

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
    jQuery('#issue-link-submit').submit(function() { 
     alert('hi'); 
     return false; //prevent default? 
    }); 
    } 
</script> 
0
이에 자바 스크립트 코드를 변경

:

$("formId").submit(function() { 
    alert('hi'); 
    return true; 
}); 

이 양식 ID로 #issue-link-submit를 교체합니다. 양식 ID가 없으면 양식에 ID를 추가하십시오.

단추에 전송 처리기를 추가하기 때문에 #issue-link-submit 선택기를 직접 처리기에 전송할 수 없습니다. 양식 요소에 제출 핸들러를 추가해야합니다.

관련 문제