Bootstrap 弹出框(Popover)只能点击一次 [ 2.0 版本 ]
index.php代码
return Html::a("<span data-content='$tradea $top' data-title='请重新选择行业' data-placement='left' data-toggle='popover'class='btn btn-default' id='hangye$model->id' onclick='checka($model->id)' >$hname</span>");
ajax中checka代码:
function checka($id){
$('#hangye'+$id).on('show.bs.popover', function (){
$('.btn-default').popover('hide');
});
}
未写checka方法时,效果是:
所有的按钮都是 点击一次 显示 再点一次 隐藏 如此循环,点击第一个按钮时弹出一个框,再点击第二个按钮时,第一个按钮弹出的框跟第二个弹出的框都显示。我想要的效果是:点第二个的时候 只显示第二个的弹框,所以我让他电机的时候触发checka方法,这样的话,点第二个按钮,就只显示第二个的弹框,这个问题可以解决了。 但是,这样一来,每个按钮都是:点击一次 显示,再点一次 隐藏,再点就不弹框了,直接就隐藏了。
请各位大神帮我想想办法,看看怎么解决掉这个,我用的这个是Bootstrap 弹出框(Popover)插件,网址是在:http://www.runoob.com/bootstrap/bootstrap-popover-plugin.html
共 2 个回答
辰枫夜雨
注册时间:2015-08-11
最后登录:2017-06-23
在线时长:18小时59分
最后登录:2017-06-23
在线时长:18小时59分
- 粉丝10
- 金钱0
- 威望0
- 积分180