初始化在物化中动态添加的单选按钮

Question

我有一个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);
                }
            });
        }

Answer 1

单选按钮不需要任何javascript初始化。 只需确保动态附加它们以给它们新的ID，因为如果它们与现有的单选按钮冲突，它们将无法工作。