我正在尝试生成 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。我不确定绑定是否会起作用。此外,我需要访问当前页面(仍然存在)的视图模型,以获取实际呈现的数据。我看不到如何访问视图模型。
有更好的方法吗?
谢谢!