问题标签 [qtip2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
378 浏览

jquery - 序列化表单,使用 AJAX 处理,在 qTip2 中显示

我想允许我网站上的用户在提交之前预览他们的帖子。我在页面上有几个不同的表单,类为“.input_form”。以下代码将单击函数绑定到具有类“.preview_post”的按钮,以序列化和处理相应的表单。另外,我将 qTip2 实例绑定到相同的按钮。此 qtip 显示由 AJAX 调用动态填充的 div '#preview_pop'。我在 qTip 中包含了一个轻微的延迟,以允许 AJAX 调用返回。下面的代码可以正常工作,但并不总是出现在第一次点击时。使用 qtip API 似乎应该有更好的方法来做到这一点。经过几个小时的尝试,我无法让它工作。任何帮助将不胜感激!

0 投票
1 回答
1305 浏览

jquery - jQuery qTip 只出现一次

我在页面上有大约 500 个链接,其中包含要显示在 qTip 内的文本和描述属性,当我将鼠标悬停时,qTip 只出现一次,第二次悬停时没有任何反应,甚至没有错误存在。

链接在页面加载时加载,加载后我什么也不做,无论如何我尝试使用 jQuery 实时事件,但这没有帮助。

我使用来自 google 的 cdn 的 jQuery 1.7.1。那么我的代码有什么问题?

PS:哇!我刚刚注意到qTip 网站上的演示也只触发一次。我真的很困惑,为什么会这样?

0 投票
1 回答
9264 浏览

jquery - qTip 在点击时显示/隐藏工具提示

我有一个包含许多工具提示的页面。我想在单击按钮时分别显示/隐藏每一个。它对我不起作用,有人可以帮忙吗?

谢谢

0 投票
1 回答
1282 浏览

jquery - qTip2 IE8 圆角

我在我的应用程序中使用qTip2。我通过以下 jQuery 实现的 tooptipfication:

现在它正在渲染:

  • 火狐:在此处输入图像描述
  • IE8:在此处输入图像描述

如您所见,圆角在 IE8 中消失了;x, y 的尖端的调整也不起作用。我正在为 qTip2 的这个特殊问题寻找解决方案。有没有办法解决这个问题?

有没有更好的Tooptip 库没有这种问题?

0 投票
2 回答
1071 浏览

jquery - Qtip2 Modal,关闭模态时触发事件

当用户单击“x”以关闭 qtip2 模式时,我试图用 jquery 触发某些东西。

这是我的模态的 JS:

如果您注意到“隐藏:函数(事件,api){”行,当用户在模式外部单击以关闭它时,这可以正常工作,但是当用户单击“x”以关闭模式时,它只是关闭模态的。当用户单击“x”时,我如何“做某事”?

谢谢。

0 投票
1 回答
631 浏览

jquery - 在 qTip2 中处理谷歌地图标记

我正在尝试创建一个内部管理界面,以使用 qTip 和谷歌地图快速将位置添加到事件中。这是一个简化的小提琴:http: //jsfiddle.net/mykel_suthertun/RWtRe/

它目前可以工作,减去两个错误:

  1. 每次打开 qTip 时都会复制标记。(已解决。请参阅下面的评论。)
  2. 它目前无法处理打开未定义地图中心或标记的地图。

回复:#1 - 要了解我的意思,请单击右侧的图钉图标。点击关闭。单击以再次打开它。现在在同一个地方有两个标记。它应该只创建一次。

我认为这是因为我在 qTip 的“显示”事件中创建了标记,而不是在“渲染”中。当我将它移动到“渲染”时,我遇到了让地图完全显示的错误。

回复:#2 - 要查看此错误,只需单击任何目标图标。如果没有定义标记或中心,我只需要它来打开默认地图状态。我将如何调整我的代码来处理这个问题?

0 投票
1 回答
7148 浏览

javascript - 如何使图像地图在移动 safari 上可点击?

我正在使用jQueryqTip2使图像地图上的地理信息可见。您可以在 JSFiddle |上查看演示。小提琴屏幕结果

在桌面浏览器上一切正常。悬停时您会看到工具提示单击时您会转到标签定义的URL 。href

但在移动 safari (ipad/iphone) 上,无法获取到 URL 的链接。每次单击地图时,就像您将鼠标悬停在电脑上一样,但绝不会单击。

该图像是使用标准 html 创建的:

该地图也是使用标准 html 创建的,但带有附加属性工具提示(1)

带有(2)的 jQuery 非常小:

那么我该如何解决这个问题呢?
 
 
 


(1)我知道这个属性应该是 data-tooltip。这将很快改变。

(2)基于imagemap demo

0 投票
2 回答
4565 浏览

jquery - jQuery Tooltips 插件 qtip2 - 如何定义自定义样式,如 qtip1?

我正在使用出色的 jquery 工具提示插件 qtip 2。如果您还没有,请检查一下。 http://craigsworks.com/projects/qtip2/

有谁知道如何为工具提示定义自己的自定义 CSS(工具提示颜色、边框、背景、半径等),而不是使用他们预定义的工具提示样式?

我尝试了什么:

  • 我查看了他们的风格指南,但它没有定义你自己的风格。http://craigsworks.com/projects/qtip2/docs/style/
  • 尝试了他们的论坛,但他们失败了(现在备份)
  • 创建我自己的工具提示类并引用它们
  • 转换我的 qtip 版本 1 样式定义(失败)

如果这个问题对你有帮助,请告诉我!

0 投票
1 回答
1284 浏览

javascript - 在 qtip2 中使用 themeroller 主题

我目前在我的应用程序中使用 REDMOND 主题,并且只需要将 THEMEROLLER 主题用于 qtip2 工具提示。由于我已将工具提示定义为小部件,因此它应该使用主题滚轮它们。我无法决定如何以及在我的 javascript 文件中添加 themeroller css 文件的位置。

请帮忙。

头部分的css文件是:

我的 js 文件末尾的 javascript 文件是:

我的 qtip2 语句是:

0 投票
1 回答
1931 浏览

jquery - fullCalendar updateEvent '完成' 重新渲染事件并非所有事件

我目前将我的事件动态地拉入我的日历。然后,当我将鼠标悬停在事件上时,它会弹出一个 qTip(jquery 插件)以显示一个弹出对话框。

我目前有一个“链接”,用于“完成”日历上的一个项目,我正在使用这个 javascript 从链接中提取我的信息。

有没有办法去做和更新事件“className”->“.complete”我知道我应该拉入实际的“事件”,但我不确定如何用 jQuery 做到这一点qTip 功能。

我希望这是有道理的,如果有任何方向,将不胜感激。

更新代码:

当我写入 console.log(eventNew); 它返回为 NULL。而且我知道 eventId 正在响应实际的 eventId,例如 (17836)。

任何其他想法将不胜感激!

我在此页面上的完整 JS 脚本:http: //jsfiddle.net/ah73B/