Question

我在twitter bootstrap popover部分有按钮，它的id名称是'newbutton'

当我致电$('#newbutton').on('click',function(){ alert(123); });时什么都不会发生，但是当我把它移到popover盒子外面时工作正常

这是我的代码

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

twitter bootstrap popover中的按钮不起作用

1 个答案: