icanhaz/콧수염 루프 (요소를 반복) JS 오류

나는이 answer에 정의 된대로, icanhaz/콧수염 루프 작업을 얻으려고 내가 브라우저 콘솔에서 다음과 같은 오류 받고 있어요 :icanhaz/콧수염 루프 (요소를 반복) JS 오류

Uncaught Error: Syntax error, unrecognized expression: <option value="1">First</option> 
         <option value="2">Second</option>

돈을 이유를 모르겠습니다. 난 그냥이 문제를 일으키는 줄 것을 발견하는 데 성공했습니다

ich.myTemplate(listOfStuff);

이 내 전체 코드입니다 : 어떤 제안에 대한

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/tr/html4/transitional.dtd"> 
<html> 
    <head> 
     <title>icanhaz.js demo</title> 
     <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script> 
     <script type="text/javascript" src="https://raw.github.com/HenrikJoreteg/ICanHaz.js/master/ICanHaz.js"></script> 
    </head> 
    <body> 

    <select id="mySelectBox"> 
    </select> 

    <script id="myTemplate" type="text/html"> 
     {{#stuff}} 
     <option value="{{key}}">{{desc}}</option> 
     {{/stuff}} 
    </script> 

    <script> 
     $(document).ready(function() { 

      var listOfStuff = {stuff: [ 
        {key: "1", desc: "First"}, 
        {key: "2", desc: "Second"} 
       ]}; 
      var x = ich.myTemplate(listOfStuff); 
      $("#mySelectBox").append(x); 
     }); 
    </script> 

</body> 
</html>

감사합니다!

출처

2013-03-27 ducin

마지막으로 오류가 발견되었습니다. jquery 버전 문제였습니다. 1.9.1은 오류를 반환하고 1.8.3은 오류가 아닙니다. 그 데모 비교 :

http://tinyurl.com/cb48wb9 - JQuery와 1.9.1
http://tinyurl.com/bnf4xld - JQuery와 1.8.3

를 1.9.1 버전, 자바 스크립트 콘솔을 확인합니다.

또한 나는 그것도 괜찮 았는데, 1.9.1에 대한

<script id="myTemplate" type="text/html"> 
    {{#stuff}}<option value="{{key}}">{{desc}}</option>{{/stuff}} 
</script>

에

<script id="myTemplate" type="text/html"> 
    {{#stuff}} 
    <option value="{{key}}">{{desc}}</option> 
    {{/stuff}} 
</script>

을 변경 한 경우.

편집 :이 열린 issue on icanhaz/github입니다. 원한다면이 버그를 해결하는 데 도움주세요!

출처

2013-03-27 21:51:32 ducin

var listOfStuff = {stuff: [ 
        {key: "1", desc: "First"}, 
        {key: "2", desc: "Second"} 
       ]}; 
var html = ich.myTemplate(listOfStuff); 
$("#mySelectBox").append($(html));

시도해보십시오.

출처

2013-03-27 05:45:32 calumbrodie

나는 실행중인 모든 코드를 제공했습니다. 언급 된 예와 100 % 동일하며 앞서 언급 한 오류를 반환합니다. 나는 이유를 모른다. – ducin

그래서 ID를 추가하기 전에 HTML 구문을 사용하여 달러 구문을 사용하면 어떻게됩니까? – calumbrodie

내 대답은 아래를 참조하십시오. 해당 링크를보고 브라우저에서 실행하십시오. 위 코드에서 jquery 버전을 사용하고 있다고 말할 수 있습니까? – ducin

icanhaz/콧수염 루프 (요소를 반복) JS 오류

답변

관련 문제