最佳答案
根据documentation使用clone(true)
$(document).ready(function() {
$(".myBtn").click(function() {
$("#myModal").modal();
});
$("#mode").click(function() {
$(".ok").clone(true).appendTo("#clones");
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
<div class="ok" id="notok">
<select>
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>
<button type="button" class="myBtn" id="myBtn">Open Modal</button>
</div>
<div id=clones></div>
<button id="mode">Clone</button>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
关于javascript - 克隆按钮无法打开模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45138994/