Question

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

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

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

我尝试在不可见闪存下的dom元素上应用方法$（'。class_element'）。hover（function（）{}在左边显示新的div）但是由于闪存位于顶部，它没有被触发。

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

我还尝试使用Zeroclipboard元素中的addEventListner（'mouseover'，function（）{}）但是没有成功。

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

谢谢！

Answer 1

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

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

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

Answer 2

添加事件侦听器应该有效。我将它们与OpenTip结合使用。我就是这样做的：

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
});

zeroclipboard悬停

2 个答案: