2

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

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

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

我尝试将方法 $('.class_element').hover( function (){ } display new div on the left) 应用于不可见 flash 下的 dom 元素，但由于 flash 在顶部，所以它不是触发。

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

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

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

谢谢！

4

2 回答 2

0

Adding event listeners should work. I use them in combination with OpenTip. This is how I have done it:

var clip = new ZeroClipboard($("#copy-button"));
clip.addEventListener('onMouseOver', function(){
    console.log("mouseOver"); // code to show tool tip goes here
});

clip.addEventListener('onMouseOut', function(){
    console.log("mouseOut"); // code to hide tool tip goes here
});
于 2014-10-07T16:11:49.400 回答
0

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

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

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

于 2010-02-02T14:12:57.307 回答