在jQuery UI选项卡中使用ZeroClipboard

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

ZeroClipboard计算每个目标元素的位置，以放置捕捉用户点击的隐形SWF。问题是，它认为所有的元素都放置在没有jQuery UI选项卡的位置，远不及他们最终成为的地方。

我试过告诉ZeroClipboard将其添加的div放在列表项的HTML中，尽可能接近目标元素。我也尝试过在父元素上使用相对和绝对CSS定位的各种组合，以便添加的div（获取'绝对'位置）相对于其父元素进行定位。但我没有运气。所以我转向你，哦精彩的互联网！让我自豪！

来源

2011-01-27 Curtis Gibby

在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

来源

2011-01-28 00:00:36

我有同样的情况，但试图在模式中使用它。这在那种情况下也很有效。谢谢！ – soupy1976 2012-09-20 15:12:49

在jQuery UI选项卡中使用ZeroClipboard

回答

相关问题