Rails自举删除确认与模态

时间:2016-07-19 12:28:43

标签: jquery ruby-on-rails twitter-bootstrap ruby-on-rails-4

我想在点击链接时执行bevore操作。它应该显示带有取消和删除按钮的引导模式。

代码看起来像这样:

删除按钮

<button class="btn btn-default" data-href="<%= url_for(:action => :delete, :id => @vid.id) %>" data-toggle="modal" data-target="#modalBox">
            <i class="fa fa-trash"></i> <%= t "movies.add.delete" %>
          </button>

模式代码位于application.html.erb - &gt;莫代尔是空的。我用jquery在页面加载上设置按钮。这很好。

    $(".modal-footer").html("<button type='button' class='btn btn-default' data-dismiss='modal'>Cancel</button> <a class='btn btn-danger btn-ok'>Delete</a>");

和等待模态的代码是这样的:

$("#modalBox").on('show.bs.modal', function(e) {
  $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
});

在这种情况下我的问题是什么?

我从这里得到了代码示例: http://plnkr.co/edit/NePR0BQf3VmKtuMmhVR7?p=preview

感谢

问题是: 模态显示小于100ms ^^ ..并执行删除

1 个答案:

答案 0 :(得分:0)

解决方案就是这样做:

<button class="btn btn-default deletebtn" data-href="<%= url_for(:action => :delete, :id => @vid.id) %>" onclick="check();return false;">
     <i class="fa fa-trash"></i> <%= t "movies.add.delete" %>
</button>