2015-07-22 16 views
5

Mam żądanie ajax, które generuje okno modalne z przyciskami radiowymi dynamicznie.inicjalizacja przycisków radiowych dodanych dynamicznie w zmaterializowaniu

widzę w materialize documentation które można wykonać material_select() dostać selects działa poprawnie jednak nie widzę w dokumentacji jak zainicjować radio dynamicznie.

Jak zainicjować dynamicznie ładowane przyciski radiowe?

Dla odniesienia tutaj jest przykład modalnym że wczytuję dynamicznie:

<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> 

edit 1

Dodaję powyższego div dynamicznie poprzez jquery do kontenera nadrzędnego na click z przycisk:

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

co chcesz dodać w przycisku radiowym –

+0

@ShubhamPatel Nie chcę niczego dodawać do przycisku opcji. Nie wyświetla efektów wizualnych, które można zobaczyć w dokumentacji, gdy są dodawane dynamicznie. Na wybierz, aby to naprawić, zainicjować element za pomocą metody 'material_select()'. Zastanawiam się, co/jeśli istnieje metoda wywoływania, aby zainicjować przycisk radiowy, aby efekty zadziałały. – weeksdev

+0

ładujesz go jQuery lub coś innego –

Odpowiedz

4

Przyciski radiowe nie wymagają dowolnej inicjalizacji javascript. Upewnij się tylko, że dołączasz je dynamicznie, aby nadać im nowe identyfikatory, ponieważ jeśli będą w konflikcie z istniejącymi przyciskami radiowymi, nie będą działać.

+1

dzięki, sprawdzę to, kiedy wrócę do domu. Zastanawiam się, czy może używana przeze mnie przeglądarka [awesomium] (http://www.awesomium.com/) może być przyczyną mojego problemu. Myślę, że jest on oparty na starszej wersji chrome. – weeksdev

Powiązane problemy