草庐IT

提示框

全部标签

javascript - 如何使 Twitter Bootstrap 工具提示易于访问?

如您所知,无法访问TwitterBootstrap工具提示(即屏幕阅读器无法阅读它们)。要做到这一点,应该做以下事情:调用tooltip()函数,生成的文本元素(包含工具提示文本的元素)应该添加一个新属性:aria-hidden="true".原始元素(tooltip()被调用)应该添加一个属性:aria-describedby="#",其中tooltip-id指的是上面刚刚创建的新元素的id。由于Javascript当前的工作方式是使用.tooltip选择所有元素类并应用tooltip()它的功能,我想知道如何在不修改tooltip()的源代码的情况下做到这一点功能。下面是一个按钮的

javascript - Angular UI 工具提示溢出屏幕

我有一个带有状态通知的工具提示(http://angular-ui.github.io/bootstrap/),但是当此通知过大时,它会溢出屏幕限制。这是正在发生的事情的打印:我在angularui中找不到任何处理这个问题的属性。提前致谢! 最佳答案 此解决方案不使用Angular-UI,仅使用Angular和Bootstrap。Bootstrap不是必须的,只是稍微简化了这个过程:http://plnkr.co/edit/jLThSTrLUapAG8OLW44m?p=preview在我继续之前,这个例子的替代方法是添加一个带有wo

javascript - Chart js v2 工具提示回调换行符

我正在尝试在图表jsv2工具提示回调中添加换行符我的代码:varmyChart=newChart(ctx,{type:'line',data:data,options:{tooltips:{callbacks:{label:function(tooltipItem,data){vartooltip="exampletooltip";varotherTooltip="othertooltip";returntooltip+"\n\r"+otherTooltip;}}}}});使用\r、\n或两者的组合都不起作用,有人知道吗?顺便说一句,我使用的是chartjsv2.3.0。更新我已经解决

javascript - 如何使用 jQuery UI 工具提示在打开时更改工具提示颜色?

我正在努力实现以下目标,但不知道如何实现。我在一个页面上有几个工具提示,但我希望每个工具提示看起来都不同(例如,取决于严重程度)。这是我目前所拥有的:Tooltip1(Warning)Tooltip2(Danger)//inittooltipArrowToolTip.init('container');/*JAVASCRIPT*/varArrowToolTip={init:function(parentId){jQuery('#'+parentId).tooltip({content:function(){varelement=jQuery(this);returnelement.at

javascript - jQuery 工具提示 + ajax 内容

我正在尝试为页面上的图像实现一个简单的滚动工具提示,当您滚动图像时,您会看到一个小工具提示窗口,并通过AJAX从数据库加载内容。我可以快速将其组合在一起,但我想要一种优雅的方式来完成此操作,而无需使用任何内联JS。所以我的问题是:如果我在外部.js文件中捕获翻转事件,我该如何将数据库ID传递给它?我正在使用jQuery,所以我会这样做:$('.item_roll').mouseover(function(){//showtooltipandloadajaxcontent}我的HTML应该是这样的:在不从img标签调用函数的情况下,如何在数据库ID上方发送JS调用?我希望这是有道理的。谢

javascript - 如何关闭 jQuery 工具提示

我一直在尝试使用jQuery制作非常简单的javascript工具提示,但我遇到了困难。这个想法是在div中包含很少的内联元素(span)。span元素将包含一个工具提示div和一些html(图像和链接)。单击span元素时应打开工具提示,在元素外部或工具提示外部单击时应关闭。到目前为止,打开工具提示不是问题,但关闭是问题。#colors>div{background-color:red;height:50px;width:50px;margin:5px;}#colors>div>span{min-height:10px!important;min-width:10px!importa

javascript - 将 Bootstrap 工具提示设置为 AJAX 调用结果

我有一个bootstrap我想从AJAX请求加载数据的工具提示,请求中的文本是工具提示的title属性。我的AJAX请求工作正常,但我有两个问题:为什么来自AJAX调用的数据没有进入工具提示?如何使用我的ttManager对象来封装工具提示的状态?目前,当页面首次加载并且我在控制台中单击#btnSubmit时,我看到成功并且来自console.log(ttManager)行的正确数据$(document).ready(function(){//thisobject'stitleattributewillbethevalueofttManager.titleseenbelowvarttM

javascript - D3 圆包布局中嵌套圆的工具提示

我在这里敲我的头。我想在ZoomablePackLayout等结构中显示叶节点的工具提示.叶节点是棕色的。如果我使用工具提示的标准代码:vis.selectAll("circle").data(nodes).enter().append("svg:circle").attr("class",function(d){returnd.children?"parent":"child";}).attr("cx",function(d){returnd.x;}).attr("cy",function(d){returnd.y;}).attr("r",function(d){returnd.r;

javascript提示编号,如果答案错误则继续提示

我需要提示访问者输入1到100之间的整数,然后继续提示,直到输入有效数字。这是我的:varnumber=parseInt(prompt("Pleaseenteranumberfrom1to100",""));if(number它识别号码但当号码错误时无法重新询问。你能帮我解释一下你添加了什么吗?非常感谢。 最佳答案 像这样的东西应该可以解决问题:do{varselection=parseInt(window.prompt("Pleaseenteranumberfrom1to100",""),10);}while(isNaN(sele

javascript - 如何自动关闭在单击并失去焦点或切换选项卡后可见的 Bootstrap 工具提示?

我注意到了这种奇怪的工具提示行为。如果我单击具有Bootstrap工具提示的链接,然后切换选项卡或最小化窗口,然后返回主窗口,即使鼠标没有悬停在工具提示上,也会显示工具提示。这是一个错误吗?还是正常行为?http://jsfiddle.net/4nhzyvbL/1/HTML代码clickmeandthencomebacktocheckmeCSS代码@importurl("http://maxcdn.bootstrapcdn.com/bootswatch/3.2.0/cerulean/bootstrap.min.css");@importurl("http://maxcdn.bootst