토글 코드가 실행되지 않는 이유는 무엇입니까?

아래에 분명한 내용이 있습니까? div/div를 토글하는 최소한의 jquery를 사용하여 간단한 HTML 상자 가젯을 Google 사이트에 추가했습니다. 작동하지 않는 것 같습니다. 아래 코드는 아파치 사이트 페이지에서 잘 작동합니다. 어떤 팁? 스크립트가 귀하의 요소 전에 포함 된 경우토글 코드가 실행되지 않는 이유는 무엇입니까?

는

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.js"></script> 
<script> 

    $('#check').click(function(){ 
     $('#feedback').toggle(); 
    }); 

</script> 

<button id='check'>Check Answers</button> 

<div id='feedback' style='display:none;'> 
    <ul> 
     <li>list 1</li> 
     <li>list 2</li> 
    </ul> 
</div>

출처

2012-09-03 user764389

는 $ (문서)'내부 .ready (함수() {...})'핸들러를 당신의 코드를 넣습니다. – undefined

http : before //ajax.googleapis.com/... –

@LeeTaylor - [아니요] (http://stackoverflow.com/q/550038/615754)를 입력해야합니다. – nnnnnn

다음은 요소가 구문 분석을 클릭 처리기를 바인딩 할 수있는 요소를 찾을 수없는 $("#check")을 의미되기 전에 실행됩니다.

당신은 후 에 (닫는 </body> 태그는 스크립트를 포함하는 일반적인 장소 직전) 문제의 요소를 스크립트 블록을 이동하거나 때까지 코드를 실행하기 위해 대기 문서 준비 핸들러를 사용하거나 필요

후 모든 요소 분석되었다 : 나는 JQuery와 함께 작동하도록 얻을 수 없었다

$(document).ready(function() { 
    $('#check').click(function(){ 
     $('#feedback').toggle(); 
    }); 
});

출처

2012-09-03 02:20:45 nnnnnn

Google 사이트의 HTML 상자는 .ready 또는 .load 메소드를 지원하지 않습니다. support.google.com/sites/answer/2500646?hl=en – Luciano

@Luciano - OK. 요소 뒤에 스크립트를 포함하는 것을 지원합니까 (제가 제안한 첫 번째 옵션에 따라)? – nnnnnn

예 @nnnnnn 작동해야합니다. 문서 끝에는 스크립트가 포함될 것을 제안합니다. – Luciano

엘리엇 Shafii는 google+ Google Sites community 나를 돕고 아래 코드는 작동 :

<button id="infoToggle" value="toggle" onclick="document.getElementById('info').style.display=((document.getElementById('info').style.display=='block') ? 'none' : 'block')">Toggle</button> 

<div id="info" style="display:block;"> 
TEST 
</div>

출처

2013-08-31 19:13:10 Luciano

토글 코드가 실행되지 않는 이유는 무엇입니까?

답변

관련 문제