jQuery的移動css不適用於淘汰賽模板

即時通訊工作的jquery移動項目，我想使用淘汰賽，因爲我很理解mvvm，並認爲它會加快我的項目。我所擁有的是一個帶有元素數組的視圖模型，當我爲這些元素創建一個模板並在模板中放置一個按鈕時，它不會使用jquery mobile css進行模板化。jQuery的移動css不適用於淘汰賽模板

退房的JS提琴在這裏：JsFiddle Example

我想球員們的按鈕從jQuery的獲得自己的風格，就像在頁面的底部（不是模板）按鈕。

這只是一個例子，我想這也適用於其他表單元素，有沒有什麼好的解決方案這個問題？

2012-02-23 drizkol

基於viewmodel更改基於knockout更新的標記幾乎總是會導致標記不是由jqm設置。自定義綁定似乎是普遍的答案。有誰知道這種綁定的集合？這樣的收藏將會使jqm和ko很好地融合在一起。 – LOAS 2012-06-10 06:56:48

讓我分享一下關於jQueryMobile如何工作的知識。

當一個頁面被初始化時，jQueryMobile遍歷所有具有data-...屬性的節點，並通過修改DOM使它們成爲Mobile控件來實現這些更改。

您的按鈕位於<script type="text/html">標籤內，因此jQM無法觸及它。這是因爲瀏覽器不會解析script標記中的內容。

避免此問題的常用方法是爲KO實現自定義綁定，它將初始化當前節點爲按鈕。請結帳我的代碼版本：http://jsfiddle.net/romanych/z9sbC/3/

2012-02-23 07:17:30 Romanych

這是真棒和及時！謝謝！ – drizkol 2012-02-23 15:37:14

回答