JQuery가 Tumblr에서 작동하지 않습니까?

저는 JQuery를 처음 접했습니다. 나는이 JQuery와 http://jsfiddle.net/54pp2/2/을 사용하려고했습니다 JQuery가 Tumblr에서 작동하지 않습니까?

$(document).ready(function() { 
    var textArray = []; 
    textArray[0] = 'test 1';  
    textArray[1] = 'test 2';  
    textArray[2] = 'test 3';  
    textArray[3] = 'test 4';  

    var idx = 0; 
    $('input#click').on('click', function() { 
     idx++; 
     var newidx = idx % textArray.length; 
     $('label#test').text(textArray[newidx]); 
    }); 
});

<input id="click" type="button" value="click" /> 
<label id="test">Test</label>

하지만 난 내 테마 코드에 넣을 때, 그것은 작동하지 않습니다는 jsfiddle 그것이 잘 작동하는지 보여줍니다에도 불구하고.

당신이보고 싶은 경우. 당신은 사이드 바에서 분홍색 버튼을 클릭하면 설명 텍스트가 변경 될 경우 http://dialoguetest.tumblr.com/이

(하지만 당신은 단지로 버튼을 가능하게하는 jQuery 코드와는 달리, 한 번 클릭 할 수 있습니다 텍스트 변화를 몇 번 클릭)

내가 jQuery를 사용하려 할 때, 작동하지 않습니다. 내가 부족 뭔가 http://dialoguetest2.tumblr.com/

있습니까? 나는 그것을 작동하게하기 위해

</script>

함께

<script type="text/javascript">

를 추가하고 종료해야한다는 것을 알고있다. 하지만 Google AJAX Libraries API를 사용하는 것과 같이 내가 놓친 다른 것이 있습니까?

그렇다면 어떻게 가능합니까?

출처

2014-05-16 sha

"작동하지 않습니다."당신이 정교 할 수 있습니까? – cowls

Tumblr이 jQuery를 제공하지 않으므로 스크립트 전에 스크립트를 포함해야합니다. Googles CDN을 사용하여 조언 해 드리겠습니다. https://developers.google.com/speed/libraries/devguide#jquery – mikedidthis

오류가 있습니까? 프로젝트에 jQuery 라이브러리를 포함 시켰습니까? –

이 작업을 HTML 페이지에서 수행하려면 head에있는 JS 코드 (DOM 준비 핸들러에서)와 함께 jQuery에 대한 스크립트 참조를 배치해야합니다. 다음과 같은 내용 :

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
     <script type="text/javascript> 
      $(document).ready(function() { 
       var textArray = []; 
       textArray[0] = 'test 1';  
       textArray[1] = 'test 2';  
       textArray[2] = 'test 3';  
       textArray[3] = 'test 4';  

       var idx = 0; 
       $('input#click').on('click', function() { 
        idx++; 
        var newidx = idx % textArray.length; 
        $('label#test').text(textArray[newidx]); 
       }); 
      }); 
     </script> 
    </head> 

    <body> 
     <input id="click" type="button" value="click" /> 
     <label id="test">Test</label>    
    </body> 
</html>

출처

2014-05-16 13:49:48

마크 업 후에 스크립트/코드를 넣는 것이 더 합리적이지 않습니까? – mikedidthis

오 대개 나는 보통과 태그 바로 앞에 코드를 넣습니다. 잘못 됐나? – sha

@mikedidthis 페이지 성능에 차이는 없지만 확실히 옵션입니다. –

JQuery가 Tumblr에서 작동하지 않습니까?

답변

관련 문제