Tag: jquery tooltip

jquery tools tooltip在hide（）之后的第一次尝试中没有出现

我已经将tooltip用于 几秒后它会hide() 如果我将它鼠标hover在触发器后面 这是第一次不会出现 只有在我第二次将鼠标移到它上面之后才会出现 我使用onShow事件进行绑定并使用了window.setTimeOut 这是工具提示或jquery中的问题吗？ 像这样的东西： $(document).ready(function() { x = $(“button”).tooltip({ api: true, position: “center right”, onShow: function() { var hid = function() { x.getTip().hide(); }; window.setTimeout(hid, 2000); }}); x.show(); }); 演示

麻烦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日历中的工具提示

我使用jquery ui创建了一个日历控件，对要选择的日期有一些限制。 我的要求是在禁用日期显示工具提示，例如“抱歉此日期不可选”。 这有什么办法吗？ PFB我的代码： jQuery UI Datepicker $(function () { $(“#datepicker”).datepicker({ minDate: -0, maxDate: “+1M +2D”, showOn: “button”, buttonImage: “calendar.png”, buttonImageOnly: true, dateFormat: ‘D dd MM yy’, showAnim: “clip” }); $(“#datepicker”).change(function () { updateDate(); }); $(“#addDate”).click(function () { addDaysToDate(); }); $(“#subtractDate”).click(function () { subtractDaysToDate(); }); }); function updateDate() { var today = new Date(); […]

检查是否已将jquery工具工具提示分配给组件

我有一个组件，我在第一个mouseenter分配了一个工具提示（对工具提示的懒惰分配） 我使用惰性方法，因为有许多工具提示可用的组件，我不想将工具提示预先分配给所有这些组件。 $(document).delegate(“.tooltipable”, “mouseenter”, function () { $(this).tooltip(… options …); $(this).tooltip().show(); // The tooltip will not appear on first `mouseenter` so I have to explicitly show it here }); 这很好用。 我想改进它，以便通过检查是否已为此组件创建工具提示， 不会在每个mouseenter上创建tooltip 。 怎么办？ 提前致谢！

如何在jquery工具提示中放置关闭按钮

我在我的网页上使用了这个工具提示 。 现在，我想在工具提示中放置一个“关闭按钮”，因此如果用户点击该按钮，工具提示将被关闭（虽然该工具提示在一段时间后自动关闭，但我也需要添加关闭按钮function）。 这是我的工具提示： 我需要当用户点击关闭按钮时，工具提示将被关闭 。 我把测试代码放在jsfiddle上 。 所以，基本上我希望，我的代码应该是这样的： $(‘.tooltipster-content’).on(‘click’, ‘.close’, function() { $(‘tooltipster-base’).hide(); }); 但是，此代码无法在我的网页上运行。

在动态加载内容期间取消jquery工具提示

我正在使用jQuery工具提示来显示动态加载的内容（下面的javascript）。 在某些情况下，当鼠标远离元素时，工具提示不会消失。 我的理论是，动态内容的加载会引入一些延迟，因此鼠标在工具提示function完成之前就会远离元素，因此它不会消耗mouseleave事件。 有什么办法解决这个问题？ element.tooltip( { items: “table.orderlist label”, open: function (event, ui) { ui.tooltip.css(“max-width”, “600px”); ui.tooltip.css(“max-height”, “300px”); ui.tooltip.css(“overflow”, “hidden”); }, content: function (callback) { //Get the contents as the tooltip is popping up MyAjaxCall(iID, function (result) { try { //success callback(result) //returns the result } catch (e) { DisplayError(e); } }, function (result) { […]

如何关闭jQuery工具提示

我一直在尝试使用jQuery制作非常简单的javascript工具提示，但我遇到了一堵砖墙。 想法是在div内部使用很少的内联元素（ span ）。 span元素将包含一个带有一点html（图像和链接）的工具提示div 。 单击span元素时应打开工具提示，单击其外部或工具提示外部时应关闭工具提示。 到目前为止，打开工具提示不是问题，而是关闭。 #colors > div { background-color: red; height: 50px; width: 50px; margin: 5px; } #colors > div > span { min-height: 10px !important; min-width: 10px !important; border: 3px solid black; position: relative; } .tooltip { border: 2px solid blue; display: none; } $(function () { // generate boxes […]

如何在canvas中添加文本框弹出窗口（Jquery工具提示或类似）到Fabric JS图像？

我正在开发一个Fabric JS项目来绘制地板及其房间的位置。 在每个房间位置我添加了一个图标。 每当鼠标hover在图标上方时，我想弹出一个文本框（例如jquery工具提示）。 文本框应该显示房间信息（电话号码\人\尺寸\等）我发现这个谷歌组post ，但没有人真正描述旁边共享此链接的解决方案

试图使用jquery工具提示插件，对象没有方法“工具提示”

我正在使用此工具提示： http ： //flowplayer.org/tools/demos/tooltip/index.html 我的html文件中有以下几行： 我的home.js文件中有以下行： $(“#boo img[title]”).tooltip(); 我的css文件中有以下行： .tooltip { display:none; background:transparent url(/tools/img/tooltip/black_arrow.png); font-size:12px; height:70px; width:160px; padding:25px; color:#fff; } 我收到此错误： Uncaught TypeError: Object [object Object] has no method ‘tooltip’ 我的智慧结束了。 我觉得我已经完全按照网站上的例子，但不知道发生了什么。