需要删除该模态及其按钮的模态内的删除按钮

Question

所以在 bootstrap 中你不能在模态中有模态。我完全理解这一点。我有一个从按钮弹出的模式。我需要那个模态里面的删除按钮，删除模态按钮。有什么帮助吗？有任何想法吗？谢谢。

这里有一个简单的模式 fiddle 如果需要的话：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>

Answer 1

尝试为要删除的模式和删除按钮添加一个 ID。在此示例中，我使用 jquery 删除按钮。

$('#delete-button').click(function() { $('#delete_this').remove(); });

Updated jsfiddle

需要删除该模态及其按钮的模态内的删除按钮

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

javascript

modal-dialog

button

twitter-bootstrap