需要在模态内部删除按钮,删除模态和它的按钮
Need Delete Button Inside Modal that Deletes that Modal and it's Button
所以在bootstrap中你不能在一个模态中有一个模态。我完全理解。我有一个模态,从一个按钮弹出。我需要一个删除按钮在模态中,删除模态按钮。任何帮助吗?什么好主意吗?谢谢你。
如果需要,这里是一个简单的模式提琴:JSFiddle
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModalHorizontal">Modal</button>
<!-- Modal -->
<div class="modal fade" id="myModalHorizontal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span>
<span class="sr-only">Close</span>
</button>
<h4 class="modal-title" id="myModalLabel">
Modal title
</h4>
</div>
<!-- Modal Body -->
<div class="modal-body">
<form class="form-horizontal" role="form">
<div class="form-group">
<label class="col-sm-2 control-label" for="inputEmail3">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="inputEmail3" placeholder="Email" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="inputPassword3">Password</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="inputPassword3" placeholder="Password" />
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label>
<input type="checkbox" />Remember me</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">Sign in</button>
</div>
</div>
</form>
</div>
<!-- Modal Footer -->
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
尝试为要删除的模态和删除按钮添加id。在这个例子中,我使用jquery删除按钮。
$('#delete-button').click(function() {
$('#delete_this').remove();
});
相关文章:
- 如何使用jquery关闭模态窗口,通过模拟模态's关闭按钮
- Angular Js 尝试从主按钮回调动态更改模态文本并且不起作用
- 如何在单击/接受/确认按钮后不再显示模态
- 多个“;关闭“;模态上的按钮
- 如何在提交按钮上触发模态&重定向Rails
- 我可以点击一个带硒的模态上的按钮吗
- 当使用angular.js和ui.bootstrap时,从模态内部的按钮单击事件未触发
- 如何在模态内部单击按钮时调用函数
- ASP.net按钮单击时不使用Jquery模态对话框激发
- 我开发了一个api,我希望它重定向到其他php页面,并在我点击api文件中的按钮时弹出模态
- 如何在单击每个连续模态中的按钮时显示多个模态
- NG-模型似乎只在模态视图内的离子单选按钮上绑定一种方式
- JQuery 如何在按钮单击时启动模态框(对话框)
- 通过单击按钮以 mvc 形式触发模态弹出窗口
- java脚本中的非模态警报消息,由按钮激活
- 当按下当前模态上的按钮时,如何触发另一个模态
- 如何获取jquery和模态窗口的按钮ID
- 当点击rails中的提交按钮时,如何在重定向到下一页之前显示模态
- 模态上的“提交”按钮不会提交
- 使用按钮在任何站点上显示模态JS对话框