为动态生成的按钮删除内容onclick

Question

我使用以下代码删除我网站上的邮件。问题是新添加的消息（动态加载）具有不起作用的删除按钮（href链接到删除消息）。这有什么解决方案吗？

  <script>
          $(document).ready(function() {
           $(".remove-button").click(function() {
             alert('removed');
           });
          });
  </script>
  <a href="#"><span class="glyphicon glyphicon-trash remove-button"></span></a>

Answer 1

  

当您需要绑定一些事件处理程序以动态添加时   你必须使用的元素（不赞成使用）或使其运行。   只需$（＆＃39;元素＆＃39;）。点击（...）;不会动态添加任何动作   元素到DOM。

更改您的代码

   form do |f|
     inputs 'Details' do
       input :email, required: true
       input :password, input_html: { value: t('empty_string') }, required: true
       input :is_active, label: t('active')
       input :slug
       input :name
       input :logo, as: :file
     end
     actions
   end

Answer 2

Please use "live" or "on" function but it is deprecated for latest jquery
$(".remove-button").live('click',function() {
  alert('removed');
});