jquery - 零剪贴板悬停

Question

我正在尝试实现在retailmenot.com 上使用的flash 组件，但我遇到了一些问题。

经过几天的搜索，我成功地使用了 Zeroclipboard flash 元素来检查我的多个优惠券代码，并且当我单击一个优惠券代码时，我成功地使用该链接打开了一个新网址。

我现在无法做到这一点，我尝试使用几种 jQuery 方法来在我所在的悬停元素的右侧显示“复制并打开站点”框。它看起来像一个工具提示。

我尝试在不可见闪光灯下的dom元素上应用方法 $('.class_element').hover( function (){ } display new div on the left) 但由于闪光灯位于顶部，它没有被触发。

我做的另一个尝试是修改Zeroclipboard.js文件并为内部包含flash的绝对div添加一个id，并在其上添加悬停事件，但仍然没有成功。

我还尝试使用 Zeroclipboard 元素中的 addEventListner('mouseover', function(){}) 但尚未成功。

您能否建议我如何为位于 dom 元素顶部的 Flash 组件制作某种工具提示？

谢谢!

Answer 1

Flash 默认情况下在单独的窗口中呈现，而不是在 DOM 内。要使 Flash 进入 DOM 内部，请将参数 wmode 添加到 opaque。如果您使用 swfobject 加载 Flash，语法将为:

so.addParam('wmode','opaque');

此外，Flash 元素需要知道容纳它的容器的高度和宽度，因此在以下情况下不能使用 .hide() 和 .show()悬停进出。我从 jQuery UI 选项卡中学到的技巧之一是将“隐藏”元素置于负位置。需要时，将其置于正确位置，不需要时，将其放回负位。