Twitter Bootstrap Popover中的按鈕不起作用

Question

我在twitter bootstrap popover部分中有按鈕，其ID名稱為“ newbutton”

當我調用$('#newbutton').on('click',function(){ alert(123); }); 什么都不會發生，但是當我將其移出彈出框之外時，它的工作正常

這是我的代碼

<img data-placement='bottom' data-content='' title='<button class="close" aria-hidden="true" data-dismiss="modal">×</button> <h5>Login</h5>' class="assesment_islogin"  src="<?php echo base_url() ?>resources/images/mtc_slize_13.jpg" width="103" height="39" />

<div class="pop_login_body"> 
    <div class="alert fade in alert-error"> <button data-dismiss="alert" class="close" type="button">×</button>not logged in yet </div>

    <input type="text" id="inputEmail" placeholder="Email">

    <input type="password" id="inputPassword" placeholder="Password">

    <div class="control-group">
<div class="controls">
<!--<label class="checkbox">
<input type="checkbox"> Remember me
</label>-->
<button type="submit" id="newbutton">Sign in</button>
</div>
<a href="#" class=""> Forget your password</a>
</div>


    </div>

Answer 1

嘗試這個...

 $(document).on('click','#newbutton',function(){ alert(123); })

但是我注意到您在按鈕上type="submit" ，這樣不會自動提交您的表格嗎？

因此，您將需要preventDefault（）;。 以及..

$(document).on('click','#newbutton',function(e){ 
 e.preventDefault(); 
 alert(123); })