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

Question

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

我正在通过jquery 将上述 div 动态添加到按钮的click 上的父容器中：

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

Answer 1

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