javascript - 无法绑定(bind) jquery 事件

Question

show('<div class="alignLeft"><div id="ownerinfo"></div><br /><h3>Where will the document go?</h3><select id="dest"><option value="">-- select destination --</option><option>'+this.DESTINATIONS.join('</option><option>')+'</option></select><h3>Notes</h3><input type="text" id="notes" size="70" /><p><button id="regbtn">Register</button></p></div>','append',function(){
            $('#regbtn').click(function(){
                alert('ok');
            });
            alert($('#regbtn').click);
        });

上面是代码。 show()只是一个添加动画的函数，但是在动画之后执行第三个参数。它与其他功能一起使用。但是，问题出在 $('#regbtn').click() -> 我似乎无法绑定(bind)它。这可能是什么问题？

我希望即使我没有上传完整的代码，您也能帮我弄清楚。当我提醒 .click 时，这是输出:

function (a,c){c==null&&(c=a,a=null);return arguments.length>0?this.bind(b,a,c):this.trigger(b)}

Answer 1

因为你似乎是动态附加元素，所以请尝试 .on 甚至 ping click 事件:

http://api.jquery.com/on/

如果我遗漏了什么，请告诉我!

脚本

 <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>

代码

$('#regbtn').on('click',function(){
                alert('ok');
            });

或

   $(document).on('click','#regbtn',function(){
                    alert('ok');
                });