首页 » 我的课程 » web前端 » 正文

bootstrap:popover使用

引入bootstrap.js 后 这个插件就能使用 

<script>
$(function () {
  $(‘.btn-default’).popover({
  trigger:”hover”,   //这里代表 鼠标移上去时 出现,移走后消失 ,请大家试一下 focus 
  title:”aaa”, //标题
  content:”fwefwefwe” //内容
  })
})
</script>

参数集合

1、animation true/false 是否动画

2、placement ‘right’/’left’/top/bottom/function(){return ‘right’} 弹出提示的位置

3、selector 目标对象

4、trigger ‘hover’/’click’… 触发方式

5、title 标题 如果元素没有指定data-original-title属性,则使用这个默认值

6、content 内容 如果元素没有指定data-content属性,则使用这个默认值

7、delay 显示和隐藏的时间 20/{show:200,hide:300}

注意。popover主要用来做 提示层,不要当模态对话框使用(虽然可以当)。不要瞎来

发表评论