无法使用jQuery启动事件

Unable to launch event using jQuery on

本文关键字：启动 事件 jQuery      更新时间：2023-09-26

我有一个简单的表单，它有一个按钮，它的任务是创建一个输入框和按钮。当单击生成的按钮时，它应该触发一个事件，以获取生成的文本框的值。由于某种原因，当按钮被单击时，jquery没有发现它，下面是我的代码。谢谢。

<button id="btnclick" type="button" value="click">Click</button>
<script>
    $('#btnsend').on('click', function(){
        alert("hi");        
    });
    $('#btnclick').on('click', function(){
        $('#klappt').append('<span>Please enter the test email</span>');
        $('#klappt').append('<input id="inputemail" type="input"></input>');
        $('#klappt').append('<button id="btnsend" type="button">Send</button>')
        $('#btnclick').remove();    
    });
</script>

使用:

更新代码

<button id="btnclick" type="button" value="click">Click</button>
<div id="klappt"></div>


         //bind click event on send (dynamic added button) button
         $('#klappt').on('click','#btnsend', function(){
                 alert("hi");        
         });

$('#btnclick').on('click', function(){
        $('#klappt').append('<span>Please enter the test email</span>');
        $('#klappt').append('<input id="inputemail" type="input"></input>');
        $('#klappt').append('<button id="btnsend" type="button">Send</button>')
        //remove button
        $('#btnclick').remove();   

    });

查看demo: http://jsfiddle.net/abdulrauf6182012/MjU96/

相关文章：