инициализация переключателей, добавленных динамически в материализации

У меня есть запрос 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

я добавляю вышеуказанный div динамически через jquery в родительский контейнер на click кнопки:

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

person weeksdev    schedule 22.07.2015    source источник
comment
что вы хотите добавить в Radio Button   -  person Code Warrior    schedule 22.07.2015
comment
@ShubhamPatel, я не хочу ничего добавлять к переключателю. Он не отображает визуальные эффекты, которые вы видите в документации, при динамическом добавлении. При выборе, чтобы исправить это, вы инициализируете элемент методом material_select(). Мне интересно, что/если есть метод для инициализации переключателя, чтобы заставить работать эффекты.   -  person weeksdev    schedule 22.07.2015
comment
вы загружаете его с помощью jQuery или чего-то еще   -  person Code Warrior    schedule 22.07.2015
comment
@ShubhamPatel да, я динамически загружаю div с помощью jquery, добавил функцию контроллера, которая добавляет div к исходному вопросу, если это помогает.   -  person weeksdev    schedule 22.07.2015


Ответы (1)


Радиокнопки не требуют инициализации javascript. Просто убедитесь, что вы добавляете их динамически, чтобы дать им новые идентификаторы, потому что, если они конфликтуют с существующими переключателями, они не будут работать.

person Acburst    schedule 22.07.2015
comment
спасибо, я проверю это, когда буду дома. Мне интересно, может быть, причиной моей проблемы является браузер awesomium, который я использую. Я думаю, что это основано на более старой версии хрома. - person weeksdev; 22.07.2015