簡體   English   中英

初始化在物化中動態添加的單選按鈕

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM