文档章节

Bootstrap (3.3.7) tooltips 在svg里的里应用的错误。

boyELIC
 boyELIC
发布于 2017/09/07 11:15
字数 110
阅读 73
收藏 0

#程序员薪资揭榜#你做程序员几年了?月薪多少?发量还在么?>>>

Bootstrap (3.3.7) tooltips 在svg里 ,当页面 下拉的时候出现位置错误。

$('svg path').tooltip({
        "container" : "body",
        "placement" : function  (tooltip, element) {
            window.setTimeout(function () {
                var position_top = $(tooltip).position().top;
                var scrollTop = $("body").scrollTop();
                $(tooltip).css("top",position_top+scrollTop);
            }, 0);
            return "top";
        },
        "title" : function () {
            var index = $("svg path").index($(this));
            return index;
        }
    });

开始以为好了,后来发现 只在chrome生效。

应该是3.3.7的一个bug(找了好久 ),换回3.3.5 就好了,(3.3.6好像也可以。)
 

© 著作权归作者所有

boyELIC
粉丝 7
博文 16
码字总数 1633
作品 0
嘉定
前端工程师
私信 提问
加载中

评论(0)

前端——bootstrap无法显示图标问题

在页面上使用bootstrap的glyphicon图标: 引用本地的bootstrap样式文件 <link type="text/css" rel="stylesheet" href="../bootstrapCss/bootstrap.min.css"> 1.在你的css文件夹的同级目录检......

fycool
2016/10/12
543
0
求解 bootstrap3 Validator 表单验证组件报错

!DOCTYPE html> 上面是头部引用文件,预览时报下面的错误,求大神解答。 jQuery.Deferred exception: $(...).bootstrapValidator is not a function...

KingSoft.H
2017/05/05
173
0
BootStrap框架引入文件

bootstrap -- 框架 引入需要的 这是外网的------ <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/boo......

osc_gfiuebly
2018/12/10
1
0
在网页中使用icon图标:png、svg、iconfont

在写个人简历时,好多地方都用到了各式各样的icon图标,不仅是为了样式的美观,更是能够为访客提供很好的指引,比如: 放上这些图标,总比干巴巴的 ‘点击右侧进入详情’ 好⑧ (在做简历网站...

osc_a9b6fe4t
2019/06/22
1
0
vue-cli创建vue项目并引入JQuery和bootstrap

首先默认了有已经安装了node(去node.js官网下载,使用它自带的包管理器npm通过命令下载相关框架、库文件) 1.  npm install -g vue-cli     全局安装vue-cli(一般也都安装了) 2.  ...

osc_5wcf5hfb
2019/08/13
7
0

没有更多内容

加载失败,请刷新页面

加载更多

vue组件大小写说明

https://cn.vuejs.org/v2/style-guide/#%E6%A8%A1%E6%9D%BF%E4%B8%AD%E7%9A%84%E7%BB%84%E4%BB%B6%E5%90%8D%E5%A4%A7%E5%B0%8F%E5%86%99%E5%BC%BA%E7%83%88%E6%8E%A8%E8%8D%90......

李超明
30分钟前
29
0
uni-app集成WebSocket

摘自: https://uniapp.dcloud.io/api/request/websocket?id=connectsocket uni.connectSocket(OBJECT) 创建一个 WebSocket 连接。 在各个小程序平台运行时,网络相关的 API 在使用前需要配置...

SummerGao
34分钟前
11
0
关于Oracle子查询各大用法详解

子查询 一.概述: 子查询:一个select语句,作为另一条select语句语法的一部分。 select语句语法: select distinct * | 字段 from 表名 where 查询条件 group by 分组字段 having 分组条件 ...

煌sir
36分钟前
29
0
您能说说序列化和反序列化吗?是怎么实现的?什么场景下需要它?

序列化和反序列化是Java中最基础的知识点,也是很容易被大家遗忘的,虽然天天使用它,但并不一定都能清楚的说明白。我相信很多小伙伴们掌握的也就几句概念、关键字(Serializable)而已,如果深...

费先森
39分钟前
26
0
可以让你用到老的IntelliJ idea 破解法子

看下效果图如下: 安装的时候选择试用,然后进入idea 下载插件 插件地址 然后将jetbrains-agent.jar文件拖入到idea中 然后重启 然后选择Activation code 然后就ojbk了...

布袋和尚_爱吃鱼
今天
31
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部