創建與jQuery Mobile的動態表單元素

好吧，也許那是以前回答，但我沒能找到通過搜索什麼...創建與jQuery Mobile的動態表單元素

我是新來的jQuery Mobile和我試圖動態通過一個頁面將容器添加到一個<fieldset>容器中，如您在此小提琴中所見：http://jsfiddle.net/4V3Tm/4/

它正在工作。但由於某些原因，我不知道，動態添加的選項沒有像正常的放射性框架那樣被設計。我錯過了什麼嗎？順便說一句，不應該他們都擴大到頁面寬度？（好吧，我完全noob呢......）

謝謝你提前。

來源

2013-04-13 Paulo Freitas

我包你的內容在一個div字段集裏面，它的工作原理，但失去了圓邊.. – ericosg

它在第一次點擊時工作，但2次點擊後它將失去它的行爲 –

@ The-Val我改變了這個例子來解決這個問題，謝謝！ :) –

檢查這個小提琴http://jsfiddle.net/YUvG9/或檢查你http://jsfiddle.net/4V3Tm/4/的更新也許問題就是你所謂.trigger('create')多次

$(document).on('pageinit', '#home', function() { 
    var current = 3; 

    $('#home input[type=button]').click(function() { 
     current++;   
     $('#choices .ui-controlgroup-controls') 
      .append(
       $('<input/>', { 
         'type': 'radio', 
         'name': 'choice', 
         'id': 'choice' + current, 
         'value': current, 
         'data-theme': 'd' 
        }) 
        .append(
         $('<label/>', { 
          'for': 'choice' + current 
         }) 
         .text('Choice ' + current) 
       ) 
      ); 

     $("#home").trigger('create') 
    }); 
});

來源

2013-04-13 06:45:41 rkmax

是的，你懂了！我永遠不會想到這是錯的......非常感謝你！ :) 關於radioboxes寬度，你有任何提示，使他們像輸入按鈕的全寬？不管怎麼說，還是要謝謝你！ –

嘗試添加'.ui-controlgroup-controls {width：100％！important; }'看到http://jsfiddle.net/YUvG9/1/ – rkmax

是的，這是做的伎倆...更多的一個非常感謝你，你搖滾兄弟！ :) –

創建與jQuery Mobile的動態表單元素

回答

相關問題