Tag: 工具提示

如何使用bootstrap工具提示？: 我使用过Bootstrap，但工具提示不起作用 hover me 或者我需要使用jQuery吗？

.tooltip（）不是一个函数: 我试图使用我从以下发现的.tooltip（）： Jquery-ui工具提示。我所拥有的是一个在桌面上有一些信息的rails应用程序。在单独的细胞中。目前，您可以通过单击它来查看单元格的完整信息，这将打开jquery对话框，该对话框工作正常。我想要添加到它是为了有两个选项。 1）单击调出jquery对话框的单元格 – 已经有效 2）或hover显示概述的单元格。图片从图像中，您可以点击预订，它将显示预订信息。但是我试图扩展它，以便用户可以选择单击以查看信息或将鼠标hover在单元格上以查看信息。做这个的最好方式是什么？我有以下代码可以使用并启动对话框。我尝试添加： <td class="” onmouseover=’$(“#booking”).tooltip()’> 之前没有用，我可能理解它不会起作用，因为两者之间会发生冲突。除此之外，我确实尝试使用simpletip和qtip，但似乎没有运气。是我试图做的不可行。 <td class="” onclick=’$(“#booking”).dialog()’> () <div id="booking” title=”Booking Information”> <div id="booking” title=”Edit Booking”> “booking_dialog”, :locals => { :booking => booking } %>

JQueryUI Slider – 当前位置的工具提示: 目前我有一个滑块和一个小输入文本框，根据您在其上滚动的位置进行更新。这是javascript： $(“#slider”).slider({ value: 500, min: 0, max: 1000, step: 50, slide: function(event, ui) { $(“#budget”).val(ui.value); }, change: function(event, ui) {} }); $(“#budget”).val($(“#slider”).slider(“value”)); 这是html / css：然而，看起来有点奇怪有一个小文本框，图形位于滑块的顶部，所以我希望它更新其水平位置，使其位于滑块（.ui-slider-handle）的句柄上方可能 – 就像一种工具提示。

jQuery：如何删除醉意的工具提示？: 我使用.placeTaken类将divy工具提示添加到div。然后用户可以拖动框，所以我删除了类并将其添加到新的div中。当发生这种情况时，我向该div添加了一个新的醉意工具提示，并且工作正常，但我想删除旧的。他们说如果您希望通过将title属性设置为空字符串来删除工具提示，请改为设置original-title属性。我试过$(“#”+dropFromId).attr(“original-title”, “”); 但工具提示仍在那里。我甚至无法通过设置另一个原始标题来更改工具提示标题。我究竟做错了什么？编辑：我想我没有给你们足够的信息。我使用ajax来获取从数据库中获取的位置。 PHP返回一个关联数组（客户），然后我在我的JavaScript中使用，其中发生的地方与名称匹配。删除时所采取的位置会发生变化，因此我再次执行ajax函数以使用所有拍摄的位置更新数组。首先，我将醉意的工具提示添加到所有拍摄的地方，如此 $(“#map div.placeTaken”).tipsy({gravity: ‘w’, html: true, fade: true, title: function(){ // id could for example be map74, substring to 74 var id = $(this).attr(“id”).substring(3,6); return ”+customers[id]+”; } }); 所以标题等于数组中匹配的位置。我希望我能够解释这个问题。当盒子放在一个新的地方时，就会发生这种情况 $(“#map div span”).bind( “dragstop”, function(event, ui) { // some code here […]

由文本选择触发的工具提示: 我希望创建一个由文本选择触发的工具提示（左键单击拖动文本）。最好是通过创建一个JQuery插件。我的最终目标是当用户选择/突出显示句子，短语，段落时，它将触发工具提示。工具提示将包含社交分享按钮，允许用户将选择发布到其个人资料状态。因此，如果您喜欢特定的报价，您可以选择它，点击分享到Twitter，它会调用twitter api发布选择（如果超过140个字符，它将添加省略号），并将缩短的URL返回到页面选择。显然这需要一些开发，但作为一名前端设计师，我只需要让球滚动。感谢您提供任何帮助。我想要的function的一个例子类似于apture扩展function： http ： //www.apture.com/extension/

工具提示未在第一次鼠标hover时显示: 我正在使用jquery-ui（1.10.2）工具提示小部件，我遇到了一个恼人的错误。工具提示将不会在第一次鼠标hover时显示。它在鼠标输出和重新鼠标hover时以及每次之后都会发生。不是第一次。这是我的代码： HTML： JavaScript的： $(document).ready( function() { $(document).on(“mouseover”, “.tooltip”, function(e){ $(this).tooltip({ content: function() { return $(this).attr(‘title’); }, position: { my: “left+15 center”, at: “right center” } }); }); }); 我正在使用on（）因为其他进程可能会在初始加载后动态更改html。我在这里不知所措，任何见解都会非常感激。在此先感谢您的帮助。

触摸友好工具提示: 有人知道Jquery工具提示包含移动设备的解决方案吗？由于hover状态不起作用，我猜我需要一些也适用于点击的东西。也许它在点击时表现得像一个模态框？把东西丢在这里。不确定最佳解决方案是什么。 – 更新 – 我非常喜欢@Alveoli建议的解决方案，但我最终还是自己捅了一下。我使用qTip作为我的基础并编写了一些Frankenstein代码来创建触摸友好工具提示和移动友好模式框。任何优化代码的帮助将不胜感激。这是小提琴…… http://jsfiddle.net/cssguru/NQRBT/

jQuery Tooltip UI – x秒后触发工具提示: 这是我到目前为止： Tooltip Testings body { margin: 60px auto; } p { padding:0; margin: 4px auto; text-align: center; } $(function() { $(document).tooltip({ items: ‘.tooltip’, show: 100, hide: 500, position: { my: ‘center bottom’, at: ‘center top’ }, content: function( callback ) { var msgid = this.id.split(‘_’)[1]; $.ajax({ type: ‘post’, url: ‘/tooltip.php’, data:’i=’+msgid, success: function( data ) […]

如何在动态元素上绑定bootstrap工具提示: 使用Bootstrap工具提示时，我们需要编写类似这样的东西来获得工具提示function： $(“.showtooltip”).tooltip(); 但问题是，每次通过ajax加载新内容时，我们都需要重新运行该代码。无论如何都要运行代码一次并在加载新元素时自动应用工具提示？谢谢。

jQuery工具提示的建议: 我正在寻找jQuery的工具提示插件，它将允许以下类型的行为。 Here is the tooltip content. Here is the link to somewhere. 我希望的行为是将鼠标hover在“这里是某个地方的链接”上，并弹出一个工具提示，显示包含“https://stackoverflow.com/questions/543277/recommendations-for-jquery-tooltips/someimage.jpg”和“这是工具提示内容”的范围内容。我更喜欢工具提示跟踪鼠标在链接上的移动以及工具提示的外观（背景颜色，不透明度，边框颜色等）是可配置的。我发现的两个最流行的工具提示，“clueTip”和JörnZaefferer的“工具提示”似乎不符合要求，除非我遗漏了一些东西。最终，链接和图像将动态生成。