初始化動態添加的單選按鈕實現

我有一個ajax請求，它會動態地生成帶單選按鈕的模態窗口。初始化動態添加的單選按鈕實現

我在materialize documentation看到，你可以執行material_select()得到selects工作正常不過，我不文檔中看到如何動態初始化radio。

我該如何初始化動態加載的單選按鈕？

爲了參考這裏是在例如模態，我動態加載：

<div id="import-modal" class="modal modal-fixed-footer"> 
    <div class="modal-content"> 
     <h4>Import Data</h4> 
     <p> 
      <input name="import-group" type="radio" id="import-modal-csv"/> 
      <label for="import-modal-csv">Csv</label> 
      <div>Import a csv file.</div> 
     <p/> 
     <p> 
      <input name="import-group" type="radio" id="import-modal-excel"/> 
      <label for="import-modal-excel">Excel</label> 
      <div>Import a excel file.</div> 
     </p> 
    </div> 
    <div class="modal-footer"> 
     <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">Import</a> 
    </div> 
</div>

編輯1

即時添加上述DIV動態經由jquery到父容器上的click一個按鈕：

 import_click: function(){ 
      $.ajax({ 
       url: 'template/import.html', 
       success: function (response) { 
        $('#container').append(response); 
       } 
      }); 
     }

來源

2015-07-22 weeksdev

你想添加什麼單選按鈕 –

@ShubhamPatel我不想添加任何東西到單選按鈕。它不會顯示動態添加時在文檔中看到的視覺效果。在select上，爲了解決這個問題，你用'material_select（）'方法初始化元素。我想知道/如果有一個方法調用來初始化單選按鈕以使效果起作用。 – weeksdev

你正在加載jQuery或其他東西 –

單選按鈕沒有需要任何JavaScript初始化。只要確保當你動態追加它們給他們新的ID，因爲如果他們與現有的單選按鈕衝突，他們將無法工作。

來源

2015-07-22 04:44:48 Acburst

謝謝，我回家時會檢查出來。我想知道如果我使用的[awesomium]（http://www.awesomium.com/）瀏覽器可能導致我的問題。我認爲它是基於舊版Chrome的。 – weeksdev

初始化動態添加的單選按鈕實現

回答

相關問題