크롬 확장 Jquery .on 이벤트

크롬 확장 개발을 시작하면서 다음과 같은 버그가 발생했습니다. 내 확장 기능을 정의하는 popup.html 파일의 버튼에 대해 .on 이벤트가 정의되어 있지만 클릭하면 확장 관리자에서 오류가 발생하지 않습니다. 다른 환경 (예 : jsfiddle 또는 codepen)에서 실행되면 계획대로 정확하게 작동합니다.크롬 확장 Jquery .on 이벤트

HTML :

<!doctype html> 
<html> 
    <head> 
    <title>Popup</title> 
    <style> 
     body { 
     min-width: 357px; 
     overflow-x: hidden; 
     } 
    </style> 
    <script src="jquery.js"></script> 
    <script src="popup.js"></script> 
    <textarea id = "names" rows="4" cols="50">Enter the user's name</textarea> 
    <button id ="close">Close</button> 

    </head> 
    <body> 
    </body> 
</html>

JS : 당신은 DOM이 준비 될 때까지 자바 스크립트 코드를 지연 할 필요가

$('#close').on('click',function(){ 
$('#names').val('works'); 
});

출처

2013-07-10 Charles Lillo

아마 당신의 JS 코드를'$ (function() {})'(또는'$ (document) .ready (function() {}) '에 포장해야 할 것입니다. –

$ (function() {}) 모두 필요했습니다. 감사합니다! –

$(function(){ 
    $('#close').on('click',function(){ 
     $('#names').val('works'); 
    }); 
});

$(function(){ })는 $(document).ready(function(){ })의 약어입니다.

출처

2013-07-10 17:23:34

크롬 확장 Jquery .on 이벤트

답변

관련 문제