初始化动态添加的单选按钮实现

我有一个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

即时添加上述DIV动态经由jquery到父容器上的click一个按钮：

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

来源

2015-07-22 weeksdev

你想添加什么单选按钮 –

@ShubhamPatel我不想添加任何东西到单选按钮。它不会显示动态添加时在文档中看到的视觉效果。在select上，为了解决这个问题，你用'material_select（）'方法初始化元素。我想知道/如果有一个方法调用来初始化单选按钮以使效果起作用。 – weeksdev

你正在加载jQuery或其他东西 –

单选按钮没有需要任何JavaScript初始化。只要确保当你动态追加它们给他们新的ID，因为如果他们与现有的单选按钮冲突，他们将无法工作。

来源

2015-07-22 04:44:48 Acburst

谢谢，我回家时会检查出来。我想知道如果我使用的[awesomium]（http://www.awesomium.com/）浏览器可能导致我的问题。我认为它是基于旧版Chrome的。 – weeksdev

初始化动态添加的单选按钮实现

回答

相关问题