克隆按钮不起作用在JavaScript

Question

第二届按钮，我克隆无法打开模态...我怎样才能解决这个问题

enter link description here

Answer 1

通行证克隆

$(document).ready(function(){ 
    $(".myBtn").click(function(){ 
     $("#myModal").modal(); 
    }); 
    $("#mode").click(function(){ 
     $(".ok").clone(true).appendTo("#clones"); 
    }); 

}); 

这里真正是链接

https://jsfiddle.net/f7hjh1gf/1/

Answer 2

使用clone(true)根据documentation

$(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> 
 
     \t <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">&times;</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>

Answer 3

试试这个，

张

$(document).ready(function(){ 
    $(".myBtn").click(function(){ 
     $("#myModal").modal(); 
    }); 
    $("#mode").click(function(){ 
     $(".ok").clone(true).appendTo("#clones"); 
    }); 

}); 

Answer 4

试图委派事件

$("body").on('click', '.myBtn',function(){ 
    $("#myModal").modal(); 
});