在 jQuery UI 选项卡中使用 ZeroClipboard答案

【问题标题】：Use ZeroClipboard within jQuery UI tabs在 jQuery UI 选项卡中使用 ZeroClipboard
【发布时间】：2011-01-27 23:16:31
【问题描述】：

我的网络应用程序有一堆列表，每个列表都在自己的 jQuery UI 选项卡中。我需要将 ZeroClipboard 客户端添加到所有列表中的每个列表项，以便用户可以单击以复制项目的特定 URL。

ZeroClipboard 计算每个目标元素的位置，以便放置一个不可见的 SWF，以捕捉用户的点击。问题是它认为所有元素都定位在没有 jQuery UI 选项卡的位置，与它们最终所在的位置相去甚远。

我尝试告诉 ZeroClipboard 将其添加的 div 放置在列表项的 HTML 中，尽可能靠近目标元素。我还尝试了父元素上相对和绝对 CSS 定位的各种组合，以便添加的 div（获得“绝对”位置）相对于其父元素定位。但我没有运气。所以我转向你，哦，美妙的互联网！让我骄傲！

【问题讨论】：

标签： jquery-ui jquery-ui-tabs zeroclipboard

【解决方案1】：

在zeroClipboard complex css problem 上找到了答案——这不是同一个问题，但 Basit 那里的答案也对我有用。

// make your own div with your own css property and not use clip.glue()
var flash_movie = '<div>'+clip.getHTML(width, height)+'</div>';
flash_movie = $(flash_movie).css({
    position: 'relative',
    marginBottom: -height,
    width: width,
    height: height,
    zIndex: 101
    });
$(this).before(flash_movie); // if you want to put after and not before, then you have to change the marginBottom to marginTop

【讨论】：

我有同样的情况，但试图在模态中使用它。这在那种情况下也很有效。谢谢！