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,请将参数添加wmodeopaque. 如果您使用 swfobject 加载 flash,则语法为:

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

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

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