需要在模态内部删除按钮,删除模态和它的按钮

Need Delete Button Inside Modal that Deletes that Modal and it's Button

本文关键字:按钮 模态 删除 内部      更新时间:2023-09-26

所以在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">&times;</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(); });

更新jsfiddle