草庐IT

提示框

全部标签

javascript - Bootstrap 工具提示不考虑数据放置参数

我在我的元素上添加了如下Bootstrap工具提示参数:我还添加了以下脚本:$('[data-toggle="tooltip"]').tooltip();好吧,工具提示正在显示,但它不考虑数据放置参数:它始终位于控件的底部。我发现定位存在一些问题,但我发现的都是很久以前的事了,我现在有bootstrap3.3.1。关于如何解决这个问题的任何线索?编辑:这是一个示例代码,其中包含我正在使用的相同库。还是不行test$(function(){$('[data-toggle="tooltip"]').tooltip();}); 最佳答案

javascript - 使 CSS 工具提示跟随光标

我正在创建一个基于CSS的工具提示,它将在工具提示中包含很多内容,而不是在一个静态的地方,我想知道是否有一种简单的方法可以让它在您将鼠标悬停在链接。这是一个基于CSS的工具提示示例FirstLinkContent1.couponcode:hover.coupontooltip{display:block;}.coupontooltip{display:none;background:#C8C8C8;margin-left:28px;padding:10px;position:absolute;z-index:1000;width:200px;height:100px;}http://j

javascript - Highcharts:通过 footerFormat 属性在共享工具提示中显示堆栈总数

我有一个带有共享工具提示的堆叠条形图,我正尝试通过footerFormat属性将堆栈总数拉入工具提示。我认为这将是一个我可以访问的简单属性,但我还没有找到适用的选项。我是不是遗漏了一些明显的东西,还是我必须以更复杂的方式来做到这一点?(如果我错过了这个问题的重复,请告诉我,我找不到我希望讨论的具体情况)代码:tooltip:{shared:true,useHTML:true,headerFormat:'Group{point.key}'+'',pointFormat:'{series.name}:'+'${point.y}',footerFormat:'Total:'+'${???}'

javascript - 如何使 Bootstrap 3 工具提示跟随鼠标?

我的网站上有一个链接列表,这些链接在Bootstrap工具提示中显示图像">Item1">Item2">Item3$(document).ready(function(){$('a').tooltip({placement:"right"})}这只会在所有链接的右侧显示工具提示。虽然图像是静态的,但我希望工具提示图像随着用户四处移动鼠标而四处移动。你可以在这个网站上看到我想做的事的例子:http://www.hearthpwn.com/decks/381677-druidereno.在右侧边栏上,有一个卡片列表,您可以将鼠标悬停在上面,工具提示图像会跟随鼠标移动。看起来他们没有使用Bo

javascript - highcharts 工具提示 z-index

我正在尝试让highcharts工具提示有一个zIndex使用useHTML将其定位在另一个HTML元素上。请参阅此fiddle:http://jsfiddle.net/sDu8V/我希望工具提示越过粉红色方框,而不是下方。我错过了什么? 最佳答案 可能的解决方案:http://jsfiddle.net/sDu8V/1/所需的CSS:.highcharts-container{position:inherit!important;}.highcharts-tooltip{z-index:9998;}感谢@Piotr,更新了4.1.x

javascript - 在没有提示的情况下将图像保存到硬盘?

我使用推特。有些人的推文包含照片,我想保存它们。我检查了ifttt,其中twitter不是触发器。因此,ifttt无法帮助我做到这一点。一个想法可能是使用JavaScript。我使用Firefox并安装了Greasemonkey。我可以编写在Twitter网站上运行的Greasemonkey脚本(JavaScript)。单击“转推”链接或我的脚本添加的其他按钮后,我的脚本会检查推文的内容,找到照片的URL,并将其保存到我的磁盘。一个问题是如何保存图像。我搜索了互联网。有些使用win.document.execCommand("SaveAs"),它会显示一个“另存为”窗口。既然窗口显示了

javascript - 悬停和焦点上的 Twitter Bootstrap 工具提示

TwitterBootstrap工具提示触发器默认为悬停。我可以添加data-trigger="focus"使工具提示显示在焦点上,但我如何同时进行悬停和焦点显示? 最佳答案 你试过data-trigger="focushover" 关于javascript-悬停和焦点上的TwitterBootstrap工具提示,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/13572737/

javascript - 如何在 React 中使用 Bootstrap 工具提示?

我之前有工具提示,正在尝试将我的组件迁移到React。我还没有使用react-bootstrap,因为我不确定我是否会使用它,因为它仍在大力开发中,还不是1.0。这是我的渲染代码的片段:并调用它:我知道您必须调用工具提示函数才能显示它,我认为这就是我搞砸的地方。我目前正在尝试这样的事情:componentDidMount(){$(this.refs.test).tooltip();//this.refs.test.tooltip();?//$('[data-toggle="tooltip"]').tooltip();?}但是这些似乎都不起作用。工具提示未显示。

javascript - 提示 JavaScript If Else Unexpected Token else

我正在使用CodeAcademy自学JavaScript,我正在尝试编写一些简单的代码,以便在提示询问问题时,用户回复给出响应。例子。promptsays"what'syourfavouritecolour?"usersays"blue"response"that'sthesamecolourasthesky!"但是当我尝试添加不同的选项时,我收到语法错误:其他意外标记。我试着做到这样,如果我提出问题,回复会得到回应,但其他任何事情都会得到回应。这是代码。prompt("whatdoyouwant?");if("coke");{console.log("nocoke,pepsi.")}

javascript - typeahead.js 提示和突出显示参数不适用于预取和远程

我按照此处的说明使用bloodhound实现typeahead:http://twitter.github.io/typeahead.js/examples/#bloodhound这是我的html:这是我的js:$(document).ready(function(){varcastDirectors=newBloodhound({datumTokenizer:Bloodhound.tokenizers.obj.whitespace('value'),queryTokenizer:Bloodhound.tokenizers.whitespace,prefetch:'../api/v1/