javascript - 初始化在实现中动态添加的单选按钮

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，因为如果它们与现有单选按钮冲突，它们将无法工作。