[英]initializing radio buttons added dynamically in materialize
我有一個ajax請求,動態生成帶有單選按鈕的模態窗口。
我在實體文檔中看到你可以執行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
我通過jquery
動態地將上面的div添加到父容器中click
按鈕:
import_click: function(){
$.ajax({
url: 'template/import.html',
success: function (response) {
$('#container').append(response);
}
});
}
單選按鈕不需要任何javascript初始化。 只需確保動態附加它們以給它們新的ID,因為如果它們與現有的單選按鈕沖突,它們將無法工作。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.