激活动态按钮

Question

我已经创建了一个动态按钮。现在我试着添加一个动态锚标签。但它不起作用。发布之前，我经历了所有其他的例子，但没有成功。请指教。

<script> 
    $(document).ready(function(){ 

    //creating an dynamic button element 
     var btn = document.createElement('input'); 
     var text = document.createTextNode('Click Me!') 
     btn.appendChild(text); 
     btn.id = "myBtn" 
     btn.type = "button"; 
     btn.value="Click me!" 
     document.body.appendChild(btn) 

    //adding click event to the dynamic button 
     $("body").on("click", "myBtn", function(){ 
     var myLink = document.createElement('a')    
      var myText = document.createTextNode('This is a dynamic link') 
      myLink.setAttribute("href", "http://www.example.com"); 
      myLink.target = "_blank" 
      myLink.title = "www.example.com" 
      myLink.style.marginTop = "25px" 
      myLink.appendChild(myText); 
      document.body.appendChild(myLink); 

     }) 

    }) 
</script> 

Answer 1

$(document).on('click','#myBtn',function(){ 

    //write your function here 

});