2015-07-22 2 views
5

У меня есть запрос 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 к родительскому контейнеру на click из a:

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

Что вы хотите добавить в Radio Button –

+0

@ShubhamPatel Я не хочу ничего добавлять к переключателю. Он не отображает визуальные эффекты, которые вы видите в документации при добавлении динамически. В элементе select, чтобы исправить это, вы инициализируете элемент методом 'material_select()'. Мне интересно, что/если есть метод вызова для инициализации переключателя, чтобы заставить эффекты работать. – weeksdev

+0

вы загружаете его в jQuery или что-то еще –

ответ

4

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

+1

спасибо, я проверю его, когда вернусь домой. Мне интересно, может быть, если я использую браузер [awesomium] (http://www.awesomium.com/), то, возможно, вызывает мою проблему. Я думаю, что это основано на более старой версии хром. – weeksdev

Смежные вопросы