Jquery 零剪贴板悬停

Jquery 零剪贴板悬停,jquery,css,hover,zeroclipboard,Jquery,Css,Hover,Zeroclipboard,我正在尝试实现retailmenot.com上使用的flash组件,但我遇到了一些问题 经过几天的搜索,我成功地使用zeroclipboard flash元素查看了我的多个优惠券代码,当我点击其中一个打开带有该链接的新url时 我现在做不到的是,我尝试了几种jQuery方法,在我所在的悬停元素的右侧显示“复制并打开站点”框。它看起来像一个工具提示 我试图在不可见flash下的dom元素上应用方法$'.class_element'。悬停函数{}在左侧显示新的div,但是由于flash在顶部,所以它

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

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

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

我试图在不可见flash下的dom元素上应用方法$'.class_element'。悬停函数{}在左侧显示新的div,但是由于flash在顶部,所以它没有被触发

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

我还尝试使用Zeroclipboard元素中的addEventListner'mouseover'函数{},但没有成功

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


谢谢大家!

默认情况下,Flash在单独的窗口中渲染,而不是在DOM中渲染。要使Flash进入DOM内部,请将参数wmode添加到不透明。如果使用swfobject加载flash,语法将为:

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

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

默认情况下,Flash在单独的窗口中渲染,而不是在DOM中渲染。要使Flash进入DOM内部,请将参数wmode添加到不透明。如果使用swfobject加载flash,语法将为:

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

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

添加事件侦听器应该可以工作。我将它们与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
});

添加事件侦听器应该可以工作。我将它们与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
});