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

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()->我似乎无法绑定它。这可能是什么问题？

我希望即使我不上传整个代码，您也可以帮助我解决问题。当我提醒.click时，这是输出：

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

最佳答案

由于您似乎动态地添加了元素，因此即使尝试ping click事件，也请尝试.on：

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');
                });

关于javascript - jQuery事件无法绑定(bind)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12134263/