2012-02-26 100 views
0

我在移動應用程序。我創建了一個複選框列表,我試圖用標準的移動外觀來設計它。這裏是我的代碼jquery移動動態複選框樣式

var list = $('#Code'), 
    items = []; 
for (i = 0; i < len; i += 1) { 
    row = resultflatname.rows.item(i); 
    items.push('<input type="checkbox" name="code_'+ i +'" id="code_'+ i +'" value="' + row.amount + '" previous="' + row.pastpayments + '" barcode="' + row.barcode + '" todayp="' + row.todaypayments + '"/><label for="code_'+ i +'">' + row.period +'..........'+ row.amount+'</label>'); 
} 
list.html('<div data-role="fieldcontain"><fieldset data-role="controlgroup"><legend>Checkbox Options:</legend>' + items.join('') + '</fieldset></div>').trigger('create'); 

和我的HTML

<div data-role="page" id="displayflat"> 
    <div id="Code"> 

    </div> 
</div> 

但我接收簡單複選框,而不是移動的樣子。我修改了一些代碼。現在,如果我複製粘貼螢火代碼檢查到HTML中的複選框被正確樣式,但樣式是錯的,如果我嘗試從jQuery的做同樣的

+0

你在使用 – mgraph 2012-02-26 17:32:27

+0

我使用Chrome瀏覽器爲你得到任何JS – kosbou 2012-02-26 17:33:32

+0

測試錯誤 – mgraph 2012-02-26 17:34:45

回答

0

目標的複選框,觸發刷新您已經添加後他們:

$(':input:checkbox').checkboxradio("refresh"); 
+2

我收到follwoing錯誤未初始化之前未捕獲無法在checkboxradio上調用方法;試圖調用方法'刷新' – kosbou 2012-02-26 18:47:03

1

附加您複選框項目之後,嘗試調用.trigger(「創建」)與數據角色股利fieldcontain按this link

0

我有兩個問題修復:

"NOT_FOUND_ERR: DOM Exception 8 checkboxradio" 

"Uncaught cannot call methods on checkboxradio prior to initialization; attempted to call method 'refresh'" 

看來,如果你的複選框id和name屬性不使用jQuery 1.7.1的時候一樣,你會得到上面的錯誤之一。花了30分鐘的試驗和錯誤來弄清楚。

你可能會打這兩個錯誤之一,如果你嘗試.trigger(「創建」)或.checkboxradio()