2015-07-22 17 views
5

Ho una richiesta Ajax che genera dinamicamente una finestra modale con pulsanti di opzione.inizializzazione pulsanti radio aggiunti dinamicamente in materializzare

vedo nel materialize documentation che è possibile eseguire per ottenere material_select()selects funzionare correttamente tuttavia, non vedo nella documentazione come inizializzare un radio dinamicamente.

Come inizializzare i pulsanti di opzione caricati dinamicamente?

Per avere un riferimento qui è nell'esempio modale che sto caricando in modo dinamico:

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

modificare 1

sto aggiungendo quanto sopra div dinamicamente tramite jquery ad un contenitore padre su click di un pulsante:

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

cosa si desidera aggiungere nel pulsante di opzione –

+0

@ShubhamPatel non desidero aggiungere nulla al pulsante di opzione. Non mostra gli effetti visivi che vedi nella documentazione quando aggiunti dinamicamente. In una selezione, per risolvere il problema, si inizializza l'elemento con il metodo 'material_select()'. Mi chiedo cosa/se c'è un metodo per chiamare per inizializzare il pulsante di opzione per far funzionare gli effetti. – weeksdev

+0

si sta caricando con jQuery o qualcos'altro –

risposta

4

I pulsanti di opzione non richiede l'inizializzazione di javascript. Assicurati solo di aggiungerli dinamicamente per dare loro nuovi ID perché se sono in conflitto con i pulsanti di scelta esistenti, non funzioneranno.

+1

grazie, lo controllerò quando torno a casa. Mi chiedo se forse il browser [awesomium] (http://www.awesomium.com/) che sto usando potrebbe causare il mio problema. Penso che sia basato su una versione precedente di Chrome. – weeksdev

Problemi correlati