Question

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

ZeroClipboard计算每个目标元素的位置，以便放置一个捕获用户点击的不可见SWF。问题在于它认为所有元素都位于没有jQuery UI标签的位置，远离它们最终的位置。

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

Answer 1

在zeroClipboard complex css problem找到了答案 - 这不是同一个问题，但巴斯特的回答也适用于我。

// 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

在jQuery UI选项卡中使用ZeroClipboard

1 个答案: