草庐IT

tooltip-wrap

全部标签

javascript - jquery for tooltip on image map area shapes

我已经开始使用我发现的一些jquery示例为图像映射创建悬停时的自定义工具提示。$(function(){$(document).tooltip();});Youruserid:当我将鼠标悬停在图像映射区域上时,它会在屏幕左上角弹出工具提示,而不是靠近鼠标指向的位置。它出现在每个形状的相同位置。对于其他元素,例如我在此处包含在图像下方的“标签”演示,工具提示会出现在标签的右侧,它应该在的位置。我尝试根据whatIseehere添加位置信息,但我添加的任何内容要么没有效果,要么使代码无效,我什么也得不到。如果我添加此职位信息,我看不到任何变化:$(document).tooltip({m

javascript - D3 : How to handle zooming and tooltips in a single chart?

我有一个可视化效果,它本质上是一系列堆叠条形图,每个条形图都包含几个面板。例如,here是三个这样的条形图,每个都有四个面板。我已经设法实现了跨图表协调的平移/缩放功能。This例如,如果我从最后一张图像放大到第三个面板,它会是什么样子。从放置在每个图表上的不可见矩形调用缩放行为。我的问题是我想根据用户光标在绘图中的位置启用工具提示功能。然而,由于缩放矩形位于图表的顶部,因此实际图表本身中的任何SVG元素都没有注册任何鼠标事件。有人知道解决这个问题的方法吗? 最佳答案 我正在关注MikeBostock'sexample,就像你在我的

javascript - 在 jQuery 中控制 wrap 和 unwrap 方法

我正在编写下面的演示代码。我如何以这些方式使用jQuery?:1-包装p只有当它还没有用.check-wrap-sapn包裹时和2-仅展开.check-wrap-sapn而不是任何其他parent?现在发生了什么,jQuery包装了p带有.check-wrap-sapn的元素只要用户点击#wrap并删除p的所有父级即使没有任何名为.check-wrap-sapn的包装器$("#wrap").on("click",function(){$("p").wrap("");});$("#unwrap").on("click",function(){$("p").unwrap("");});Th

javascript - YUI 3 : How to get native DOM element wrapped inside Node?

我已经使用这种简单的技术在jQuery中获取nativeDOM元素:varel=$('#myid');varnative=el[0];//orel.get(0);我如何在YUI3中执行此操作?例如,我想使用YUI3不支持的getElementsByNameDOM方法。 最佳答案 varel=Y.one("#myid");varnative=el.getDOMNode();如果您不能确定“#myid”在DOM中,那么您应该首先检查是否为null。YUI的.one不像jQuery那样链接。varel=Y.one("#myid"),nat

javascript - Node : Wrapping entire script in a function call

我一直在用nodejs编写如下模块:module.exports=function(logger,db,external,constants){return{//something}}最近我团队中有人建议将整个脚本包装在一个函数中以避免变量的全局混淆,即像这样:(function(){'usestrict';module.exports=function(logger,db,external,constants){return{//something}}}());据我所知,这种做法通常用于客户端代码。但是在nodejs的服务器端,这是必需的吗?我认为在nodejs中确实没有全局作用域,

javascript - rails + Chartkick : How to change the date format of the tooltip?

我正在以这种方式生成图表(使用GoogleChart):"Solditems",data:@items.group(:created_at).count}],:library=>{hAxis:{title:"Period"},vAxis:{title:"AmountsinUDS"},title:"HistoryOfSales"}%>图表生成得很好,但有一件事我想改变——工具提示看起来像这样:工具提示中的信息是正确的,但我不想显示Oct19,2014,2:00:00AM我只想显示Oct19,2014。有没有办法用Chartkick做到这一点?非常感谢您的宝贵时间。

javascript - 多行文本溢出(dotdotdot): wrap only word

我有这样的代码示例:ProeSchugaienzProeSchugaienz我使用这样的jQuery代码:$('.item').dotdotdot({wrap:'word',fallbackToLetter:false})和CSS:.item{margin:5px;background:red;padding:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.n1{width:8px;}.n2{width:80px;}但结果我得到:结果我想实现这个:是否可以使用纯css或dot

javascript - 如何使用 Angular Material 动态删除 `md-tooltip`?

我有一个基本的md-button,里面有一个md-tooltip。虽然,如果用户使用移动设备,我需要一种方法从我的网站全局删除所有工具提示。HelloThisisabuttonstooltip加载模板并运行指令后,上面的内容将转换为以下内容:Hello按钮元素不再包含md-tooltip,否则我会简单地删除工具提示元素。想要这样做的原因是因为在移动设备上,md-tooltip占用了按钮点击。因此,在第一次单击时显示工具提示,在第二次单击时显示按钮单击操作。这绝对不是理想的效果。如何从我的页面上的所有元素中删除所有工具提示,以便我的按钮点击操作是第一次点击/点击而不是第二次?

javascript - 谷歌地图 JS : How do I get the small tooltip marker on hover AND the normal info window on click?

所以像这样检查任何谷歌地图结果:http://g.co/maps/htdva如果将鼠标悬停在标记上,您会看到工具提示。如果你点击它,你会得到一个大的信息窗口。我通过以下方式让信息窗口正常工作:thisstackoverflowanswer这是迷你工具提示和信息窗口的图片:这是一个jsFiddle演示:http://jsfiddle.net/3VMPL/ 最佳答案 将标记的标题属性设置为您想要的工具提示。vartooltip="sometext";marker=newgoogle.maps.Marker({map:map,positi

javascript - 我可以 $.wrap() 围绕数组中的元素集合吗?

假设我有一个像这样的“项目”集合:Item1Item2Item3Item4Item5我想遍历这些项目并将包含的div包裹在任何具有“组”类的项目周围,以产生类似这样的结果(分组的项目将始终彼此紧挨着):这是我得到的脚本:vargroup=[];$('.item').each(function(i,item){if($(item).hasClass('group')){group.push(item);}});$(group).wrap('');Item1Item2Item3Item4Item5发生的情况是,包装div分别包装在数组中的每个元素周围(这是有道理的),但我需要它将所有元素包