动态jquery移动页面与淘汰赛

Question

我正在尝试生成如此处所述的jquery移动页面：http://jquerymobile.com/demos/1.1.0/docs/pages/page-dynamic.html

我不喜欢HTML生成的方式，很难更新这种代码。 我认为必须有一些更好的方法，而不是像这样连接html标记字符串。 例如，我正在考虑做这两个步骤：

1.有一个淘汰模板

<script type="text/html" id="category-template">
            <ul data-bind="foreach: Categories" data-role="listview">
                <li>
                    <a data-bind="{attr : { href : $parent.GetCategoryUrl(arguments[0][0])}}">
                        <img src="../res/placeholder.png" alt="" />
                        <span data-bind="text: Name"></span></a>
                </li>
            </ul>
<script>

2.在showCategory函数中，我想我可以从作为模板的脚本节点获取HTML代码，并按照jquery移动站点页面中的描述进行注入。

然而，这看起来并不重要。例如，我没有看到如何获取脚本节点HTML。我甚至不确定绑定是否有效。 此外，我需要访问当前页面的视图模型（仍然存在），以获取实际呈现的数据。我不知道如何访问视图模型。

有更好的方法吗？

谢谢！