jquery mobile css未应用于淘汰赛模板

时间:2012-02-23 02:35:51

标签: jquery templates knockout.js

我在jquery移动项目上工作,我想使用淘汰赛,因为我非常了解mvvm,并认为它会加快我的项目。我所拥有的是一个带有元素数组的viewmodel,当我为这些元素创建一个模板并在模板中放置一个按钮时,它不会被jquery mobile css模板化。

在这里查看js小提琴:JsFiddle Example

我希望玩家的按钮能够从jquery获取他们的样式,比如页面底部的按钮(不在模板中)。

这只是一个例子,我希望这也适用于其他表单元素,这个问题有什么好的解决方案吗?

1 个答案:

答案 0 :(得分:2)

让我与您分享一些有关jQueryMobile如何工作的知识。

初始化页面时,jQueryMobile会迭代具有data-...属性的所有节点,并通过修改DOM以实现这些更改来使其成为Mobile控件。

您的按钮位于<script type="text/html">标记内,因此jQM无法访问它。这是因为浏览器无法解析script标记中的内容。

避免此问题的常用方法是为KO实现自定义绑定,它将当前节点初始化为按钮。请查看我的代码版本:http://jsfiddle.net/romanych/z9sbC/3/