jQuery가 포함 된 Chrome 확장자

http://code.google.com/chrome/extensions/samples.html#ea2894c41cb8e80a4433a3e6c5772dadce9be90d을 다운로드했습니다. 내가 jQuery를 그것을 그것을 만들 싶습니다,하지만 난 할 경우 :이 작동하지jQuery가 포함 된 Chrome 확장자

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> 

<script> 
$("div").css('background-color', 'black'); 

$('.click').click(function(){ 
    chrome.tabs.executeScript(null, 
    {code:"document.body.style.backgroundColor='" + $(this).attr('id') + "'"}); 
    window.close(); 
}) 
</script> 
<div class="click" id="red">red</div> 
<div class="click" id="blue">blue</div> 
<div class="click" id="green">green</div> 
<div class="click" id="yellow">yellow</div>

. 아무 반응이 없습니다. 왜?

출처

2012-02-15 Adam Bausy

는 [jQuery를 태그 위키]에서 "일반적으로 만들어 실수"(HTTP 읽기 /stackoverflow.com/tags/jquery/info)하시기 바랍니다. 첫 번째 항목이 적용됩니다. – pimvdb

@pimvdb 와우, 좋은 작은 문서 (링크 된 문서). 저는 거의 매일 일년 동안 StackOverflow를 사용해 왔으며이 문서를 본 적이 없습니다. 모든 jQuery 게시물에이 문서에 대한 링크를 게시해야합니다. 감사! –

@Evik James : 정직하게 말하자면, 그것이 다른 방향이어야한다고 생각합니다. 질문 포스터는 질문하기 전에 해당 페이지를 확인하는 것이 좋습니다. – pimvdb

문서 준비 핸들러를 포함하지 않았다,이 시도 : 모든 HTML은 자바 스크립트 전에로드되도록

<script> 
    $(function() { 
     $("div").css('background-color', 'black'); 

     $('.click').click(function() { 
      chrome.tabs.executeScript(null, 
       {code:"document.body.style.backgroundColor='" + $(this).attr('id') + "'"}); 
      window.close(); 
     }) 
    }); 
</script> 
<div class="click" id="red">red</div> 
<div class="click" id="blue">blue</div> 
<div class="click" id="green">green</div> 
<div class="click" id="yellow">yellow</div>

은 또한 방금 전에 </body> 태그에 <script> 태그를 이동할 수 있습니다.

출처

2012-02-15 14:23:17

당신은 당신이 오류에 대해 popup page console를 확인해야합니다

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

처럼, 처음으로 jQuery를 포함해야합니다.

출처

2012-02-15 14:14:24 Sjoerd

나는 이것을 가지고 있지만 여전히 아무 일도 일어나지 않는다. –

이에 jQuery를 감싸 :

<script type="text/javascript"> 
$(document).ready(function() { 


}); 
</script>

을 그래서, 당신의 jQuery를은 다음과 같아야합니다 :/:

<script type="text/javascript"> 
$(document).ready(function() { 

    // YOUR CODE GOES HERE 

}) 
</script>

출처

2012-02-15 16:18:37

jQuery가 포함 된 Chrome 확장자

답변

관련 문제