Tag: 工具提示

通过livequery在运行时使用jQuery工具提示

有没有人知道如何在运行时使用livequery使用工具提示？ 我发现了一些信息，但对我来说它不起作用。 jQuery(‘.button’).bind(‘click’, function () { std(); }); function std () { jQuery(‘.abcd’).livequery.run(function() { jQuery(‘.abcd’).tooltip(); }); }

Bootstrap工具提示CSS更改工作在文件中但不是jQuery

我正在尝试自定义.tooltip-inner类的外观（来自Twitter Bootstrap），当我将它添加到我的CSS文件（它覆盖Bootstrap.css）时它工作正常： .tooltip-inner { color: #333; background-color: #fff; border: 1px solid #333; } 这是使用工具提示的地方： 但是当我尝试这个时： $(function(){ //$(‘#notebookIcon’).tooltip(); Uncommenting this doesn’t fix $(‘.tooltip-inner’).css(‘background-color’,’#fff’); $(‘.tooltip-inner’).css(‘color’,’#333′); $(‘.tooltip-inner’).css({“border-color”: ‘#333’,”border-width”:”1px”,”border-style”:”solid”}); }); 更改不会出现。 旁注：出现的工具提示的实际类是class=”tooltip fade bottom in” （这是在运行时使用Firebug观察到的）但修改.tooltip-inner CSS似乎有效。

使用onclick jQuery激活工具提示

我正在测试工具提示插件，它会在鼠标hover时显示工具提示。 我正试图让工具提示出现onclick，我正在努力并需要你的帮助。 我正在使用一个jquery片段，所以当点击工具提示中的链接时，感谢@​​pointy，它将激活一个模态窗口。 这样的东西可以包含在jQuery中吗？ 演示： http ： //jsbin.com/eliwa3 以下是调用function和工具提示内容的页面代码 dw_Tooltip.defaultProps = { sticky: true, klass: ‘tooltip’, showCloseBox: true, klass: ‘tooltip2’, // class to be used for tooltips closeBoxImage: ‘http://sofzh.miximages.com/javascript/x.png’, wrapFn: dw_Tooltip.wrapSticky }; dw_Tooltip.on_show = function() { $(“.modalPageWide”).colorbox({ width:”800px”,height:”610px”,opacity:0.6,iframe:true }) }; dw_Tooltip.content_vars = { tooltip_popup: { content: ‘Click a link to continue’ + ‘Link 1’ + […]

jQuery找到div帮助

我目前正在构建一个菜单栏，其中包含图标，这些图标在hover时显示上下文子菜单。 基本上，当鼠标hover在图标上时会出现一个弹出菜单/工具提示（包含更多选项），但图标本身也应该是可点击的。 到目前为止，我为每个菜单项使用以下HTML构造和jQuery： **insert profile menu options** **insert search menu options** 和 $(“.menu-item”).hover(function() { $(this).find(“div”).fadeIn(“fast”).show(); //add ‘show()” for IE $(this).mouseleave(function () { //hide tooltip when the mouse moves off of the element $(this).find(“div”).hide(); }); }); 我想要做的是将HTML更改为如下所示（因此我可以将onClick链接应用于“profiles”div）： **insert menu options** 但是，我不知道如何修改jQuery以找到匹配的div在hover时显示。 相关的工具提示/弹出菜单div将始终为xxxx-tip（其中xxx是父div的名称）。 作为一个例子，我想它会看起来像这样（记住我对jQuery知之甚少，所以我很清楚这看起来很愚蠢）： $(“.menu-item”).hover(function() { $.find(“div”).attr(‘id’+”-tip”).fadeIn(“fast”).show(); //add ‘show()” for IE $(this).mouseleave(function () { //hide tooltip when […]

fadeIn / fadeOut不会正确触发并重复自己的jQuery

我的情况：如果用户点击了我的canvas中没有选定图层的删除按钮（垃圾箱图标），我的工具提示应该显示出来，并建议他选择一个。 一切都很好，但fadeIn和Out不会正常射击。 在第一次点击它不会出现，但在第二次。 如果你没有选择图层再次点击，.tooltip突然开始闪烁不受控制… 码： $(‘#clearer’).click(function() { var activeObject = canvas.getActiveObject(); if(activeObject === undefined || activeObject === null){ $(‘#clearer’).mouseup(function(e) { var yPos = e.pageY-100; var xPos = e.pageX-100; $(‘.tooltip’).css({ ‘top’: yPos, ‘left’: xPos }).fadeIn(200).html(‘Choose Layer to Delete!’) $(‘.tooltip’).delay(3000).fadeOut(200); } )}else { canvas.remove(activeObject); }; }); 我不知道什么是错的。 我试着将它链接起来： .fadeIn(200).html(‘Choose Layer to Delete!’).delay(3000).fadeOut(200) 但仍然是相同的错误，没有任何错误消息… 由于复杂性，我不能设置一个小提琴，但这里是我操场的链接 LINK M13游乐场 thx任何帮助或提示和抱歉我的坏englisch：|

麻烦jQuery工具提示

我正在使用此处的jQuery Tools Tooltip插件。 这是它的预期行为：有3个元素，在这种情况下是div ，当点击时，弹出工具提示。 此工具提示是页面上另一个通过CSS隐藏的div。 当它弹出时，我需要它保持可见，直到用户点击工具提示中的一个div （或者如果不可能在工具提示本身内），或者他们点击其他一个初始3 div 。 问题：这样做时我会遇到一些意想不到的行为。 例如，您单击的第一个div （无论哪一个），它按预期工作：工具提示会弹出并保持不变，除非您单击其中的一个或其他div 。 但是，当再次为另一个div执行此操作时，一旦鼠标离开div区域，它就会消失。 您仍然可以点击您点击的第一个没有问题… 我不确定这里有什么问题。 = / 测试代码如下 Tool Tip Demo .box2 { display: inline-block; margin: 5px; padding: 3px; width: 64px; height: 64px; line-height: 64px; background-color: green; text-align: center; } #tooltip { display: none; width: 300px; height: 150px; overflow: auto; background-color: pink; } […]

Jquery工具提示在hover时保持打开状态

我正在使用以下工具提示： http ： //bassistance.de/jquery-plugins/jquery-plugin-tooltip/ 这非常有效，但有没有支持实现在hover时保持打开的工具提示？ 或者实现这个的方法？

jquery工具提示，上面有链接

我想要一个jquery插件，它可以支持工具提示上的链接。 我找不到一个。

jQuery工具工具提示问题

我在页面上使用jQuery工具工具提示。 当用户翻转链接时，我想在图像上显示有序（或无序）列表。 每个链接的列表都是动态的。 我可以让它为第一个链接工作，但所有其他链接不起作用。 有没有人有一个在页面上工作的多个动态jQuery工具工具提示的工作示例？ 请帮忙！！

Bootstrap工具提示初始化但未显示

我正在尝试设置Bootstrap工具提示，它似乎没有工作。 This is a sentence with a tooltip​ 和 $(document).ready(function(){ $(“a”).tooltip(); });​ 我已经设置了以下jsFiddle html似乎转换为以下内容： This is a sentence with a tooltip 并呈现工具提示html： A collection of words. 使用正确的CSS样式： 但它从未在浏览器中显示过？