【问题标题】:Rails bootstrap delete confirmation with modalRails引导程序删除确认与模态
【发布时间】:2016-07-19 12:28:43
【问题描述】:

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

代码如下:

删除按钮

<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 -> 模态是空的。我使用 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 ^^ ..并执行删除

【问题讨论】:

  • Demo 似乎在 2 种不同的浏览器中运行良好。您希望发生什么不同的事情?
  • 没什么不同^^ 想要和演示中的一样。但是用我自己粘贴的代码它不起作用
  • 模态消失,无法查看或点击按钮

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


【解决方案1】:

解决办法是这样:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-01-19
    • 2015-05-05
    • 1970-01-01
    • 2017-08-26
    • 2015-11-24
    相关资源
    最近更新 更多