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

Question

我有一个ajax请求,动态生成带有单选按钮的模态窗口.

我在materialize文档中看到你可以执行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);
                }
            });
        }

Answer 1

单选按钮不需要任何 JavaScript 初始化。只需确保在动态附加它们时为它们提供新的 ID，因为如果它们与现有的单选按钮冲突，它们将不起作用。