jquery-ui - 在 jQuery UI 选项卡中使用 ZeroClipboard

Question

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

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

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

Answer 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