Twitter bootstrap 带动态标题的引导模式确认删除

Twitter bootstrap 带动态标题的引导模式确认删除,twitter-bootstrap,modal-dialog,Twitter Bootstrap,Modal Dialog,我希望有多个删除按钮,并根据按钮更改模态实体。而不是说“你确定吗?”我希望它说“你确定要删除第5行吗?”或第4行 删除 解决方案是为按钮添加某种通用选择器和适当的标识(值、id等) 然后,您可以在javascript中轻松检索按钮标识,并在显示之前更改模式体 小提琴 HTML: <form action ="#" method="POST"><button class='btn btn-danger btn-xs' type="submit" name="remove_le

我希望有多个删除按钮,并根据按钮更改模态实体。而不是说“你确定吗?”我希望它说“你确定要删除第5行吗?”或第4行

删除

解决方案是为按钮添加某种通用选择器和适当的标识(值、id等)

然后,您可以在javascript中轻松检索按钮标识,并在显示之前更改模式体

小提琴

HTML:

<form action ="#" method="POST"><button class='btn btn-danger btn-xs' type="submit" name="remove_levels" value="delete" data-title="row 5"><span class="fa fa-times"></span> delete</button>
<form action ="#" method="POST">
<button class='btn btn-danger btn-xs' type="submit" name="remove_levels" value="delete"><span class="fa fa-times"></span> delete</button>

<button class='btn btn-danger btn-xs' type="submit" name="remove_levels1" value="delete1"><span class="fa fa-times"></span> row 1</button>    
</form>

<div id="confirm" class="modal hide fade">
  <div class="modal-body">

  </div>
  <div class="modal-footer">
    <button type="button" data-dismiss="modal" class="btn btn-primary" id="delete">Delete</button>
    <button type="button" data-dismiss="modal" class="btn">Cancel</button>
  </div>
</div>
$('button.btn-danger').on('click', function(e){
    if ($(this).attr("value")=='delete')
        $('#confirm .modal-body').html('Are you sure?');
    else
        $('#confirm .modal-body').html('Are you sure you want to delete row 1?');

    var $form=$(this).closest('form');
    e.preventDefault();
    $('#confirm').modal({ backdrop: 'static', keyboard: false })
        .one('click', '#delete', function (e) {
            $form.trigger('submit');
        });
});