文档章节

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

boyELIC
 boyELIC
发布于 2017/09/07 11:15
字数 110
阅读 4
收藏 0
点赞 0
评论 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
博文 11
码字总数 871
作品 0
嘉定
网页/平面设计
前端——bootstrap无法显示图标问题

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

fycool ⋅ 2016/10/12 ⋅ 0

求解 bootstrap3 Validator 表单验证组件报错

!DOCTYPE html>

KingSoft.H ⋅ 2017/05/05 ⋅ 0

bootstrap4的轮播图组件为什么插入的图片不能滚动?

bootstrap4这个页面前面已经加载了官方的bootstrap4的CDN的这四个文件

OSC_ZBhDSv ⋅ 2017/09/04 ⋅ 0

Bootstrap做简单的网站首页

网站首页

qushen1212 ⋅ 04/12 ⋅ 0

h5视频播放器

一.首先先看一下目录 css框架用的是bootstrap,js库用的是jquery 目录.png bootstrap ----|css -------|bootstrap.css ----|fonts -------|glyphicons-halflings-regular.eot -------|glyph......

HaleyLiu ⋅ 2017/12/17 ⋅ 1

浏览器上看不到alt里面的内容

看不到智能手机这几个字

开飞机的shooker ⋅ 2017/03/02 ⋅ 0

在 Yii2 中使用 CDN

本文将介绍如何在已开发或正在开发的 yii2 程序中使用 CDN 服务。 安装 扩展 使用 composer 安装 执行命令 或将下面代码添加到 文件中。 修改配置文件 修改配置文件 如下: 配置数组中的 为需...

首席烤地瓜 ⋅ 2016/11/14 ⋅ 1

5.1、Bootstrap V4自学之路------关于---品牌指南

标志和标识 使用 Bootstrap 标记(大写的 B )或标准标识(Bootstrap)。应该出现 Helvetica Neue 加粗字体。不要用 Twitter bird 和 Bootstrap。颜色编码:#563d7c 下载标志 下载三种风格之...

Asktao ⋅ 2016/03/25 ⋅ 2

Bootstrap 3.3.7 发布,支持 jQuery 3

Bootstrap 3.3.7 发布了,本次发布改进记录如下: JavaScript #19192 Fix keyboard navigation for toggle buttons (checkbox, radio, single toggle) following a mouse click #19659: Clea......

oschina ⋅ 2016/07/26 ⋅ 11

Bootstrap v4.0.0-alpha.5 发布,大量更新

Bootstrap v4.0.0-alpha.5 发布了,Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格...

局长 ⋅ 2016/10/20 ⋅ 11

没有更多内容

加载失败,请刷新页面

加载更多

下一页

linux 安装docker

通过以下命令下载安装docker wget -qO- https://get.docker.com | sh 执行以上命令后输出以下内容说明安装成功,注意红框中的内容,docker安装成功后默认只有root能使用,红框中给出的提示是...

haoyuehong ⋅ 23分钟前 ⋅ 0

482. License Key Formatting - LeetCode

Question 482. License Key Formatting Solution 思路:字符串转化为char数组,从后遍历,如果是大写字母就转化为小写字母,如果是-就忽略,如果遍历了k个字符(排除-)就追加一个-。 Java实现...

yysue ⋅ 42分钟前 ⋅ 0

聊聊spring cloud gateway的LoadBalancerClientFilter

序 本文主要研究一下spring cloud gateway的LoadBalancerClientFilter GatewayLoadBalancerClientAutoConfiguration spring-cloud-gateway-core-2.0.0.RELEASE-sources.jar!/org/springfram......

go4it ⋅ 今天 ⋅ 0

详解:Nginx反代实现Kibana登录认证功能

Kibana 5.5 版后,已不支持认证功能,也就是说,直接打开页面就能管理,想想都不安全,不过官方提供了 X-Pack 认证,但有时间限制。毕竟X-Pack是商业版。 下面我将操作如何使用Nginx反向代理...

问题终结者 ⋅ 今天 ⋅ 0

002、nginx配置虚拟主机

一、nginx配置虚拟主机可分为三种方式,分别为: 1、基于域名的虚拟主机,通过域名来区分虚拟主机——应用:外部网站 2、基于端口的虚拟主机,通过端口来区分虚拟主机——应用:公司内部网站...

北岩 ⋅ 今天 ⋅ 0

shell脚本之死循环写法

最近在学习写shell脚本,在练习if while等流程控制时,突然它们的死循环写法是怎么样的?经过百度与亲测记录如下: for死循环 #! /bin/bashfor ((;;));do date sleep 1d...

hensemlee ⋅ 今天 ⋅ 0

苹果的ARKit2.0有多可怕,看了就知道

序言 ARKit主要由三部分组成: 跟踪(Tracking) 跟踪是ARKit的核心组件之一,其提供了设备在物理世界中的位置与方向信息,并对物体进行跟踪,如人脸。 2.场景理解(Scene Understanding) 场...

_小迷糊 ⋅ 今天 ⋅ 0

5.1 vim介绍 5.2 vim移动光标 5.3 ,5.4vim一般模式下移动光标,复制粘贴

vim命令 vim是vi的一个升级版;vim可以显示文字的颜色 安装vim这一个包vim-enhanced 如果不知道安装包,可以使用 命令下面命令来查看vim命令是那个包安装的。 [root@linux-128 ~]# yum prov...

Linux_老吴 ⋅ 今天 ⋅ 0

vim一般模式

vim 是什么 vim是什么 ? 在之前接触Linux,编辑网卡配置文件的时候我们用过了vi ,vim简单说就是vi的升级版,它跟vi一样是Linux系统中的一个文本编辑工具。 如果系统中没有vim ,需要安装一...

李超小牛子 ⋅ 今天 ⋅ 0

docker实战

构建企业级Docker虚拟化平台实战 重点剖析虚拟化和云计算概念; 分析Docker虚拟化的概念和原理; 从0开始实战Docker虚拟化平台; 基于Docker构建Nginx WEB服务器和CentOS虚拟机; 基于开源监...

寰宇01 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部