0

この回答で定義されているように、icanhaz / mustacheループを機能させようとしていますが、ブラウザコンソールで次のエラーが発生します。

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>

提案をありがとう！

4

2 に答える 2

2

ついにエラーを見つけました。これはjqueryのバージョンの問題でした-1.9.1はエラーを返していましたが、1.8.3はそうではありませんでした。それらのデモを比較します。

1.9.1バージョンの場合は、javascriptコンソールを確認してください。

また、変更した場合

<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>

1.9.1の場合も、正常に機能しました。

編集：これはicanhaz/githubで未解決の問題です。必要に応じて、このバグの修正にご協力ください。

于 2013-03-27T21:51:32.177 に答える
0 
var listOfStuff = {stuff: [ 
                  {key: "1", desc: "First"},
                  {key: "2", desc: "Second"}
              ]};
var html = ich.myTemplate(listOfStuff);
$("#mySelectBox").append($(html));

それを試してみませんか？

于 2013-03-27T05:45:32.707 に答える