templates - データを JavaScript テンプレートにバインドする (jQuery モバイル)

Question

まず、静的データをリストビューに表示しようとしています。コードは次のようになります。

<ul id="accessList">


</ul>

<script>

    var dataTest = [{"abc":"123"}, {"abc":"456"}];

    (function () {
        $(document).bind("pageinit", function () {
            $("#accessList").html($("#accessTemplate").render(dataTest)).listview();
        }());

    }());

</script>

<script id="accessTemplate" type="text/x-jsrender">

    <li>
        <div>{{:abc}}</div>
    </li>
</script>

しかし、それは私に次のエラーを与えています:

Uncaught TypeError: Object [object Object] has no method 'render'

私が間違っていることは何ですか？

Answer 1

Scott が提案したように、jQuery Mobile の前に jsrender スクリプトを追加しました。