Question

我使用twitter bootstrap 3.0s模态视图来显示HTML 其中实现了zerclipboard。 [https://github.com/zeroclipboard/ZeroClipboard]

这个html上有一个按钮点击某个内容应该通过zeroclipboard复制到剪贴板。

ZeroClipboard.setDefaults({
    moviePath : '../js/lib/ZeroClipboard.swf',
    hoverClass : "zeroclipboard-is-hover", // The class used to hover over the object
    activeClass : "zeroclipboard-is-active",
});

var clip = new ZeroClipboard($('#btn-copy-cb'));

clip.on('dataRequested', function(client, args) {
    clip.setText($("#text-code").text());
});

clip.setHandCursor(true);

html本身运行正常。但是当它通过模态视图调用时

$('#my-modal').modal({
    show: false,
    remote: "copytoclipboard.html"
});

当我将鼠标悬停在按钮上或点击它时，会给我一个错误。

TypeError: this.htmlBridge is undefined


...e._singleton},p.detectFlashSupport=function(){var a=!1;if("function"==typeof Act...

Answer 1

尝试在模态内容加载后设置zerclip板：

$('#my-modal').on('shown.bs.modal', function () {

var clip = new ZeroClipboard($('#btn-copy-cb'));

clip.on('dataRequested', function(client, args) {
    clip.setText($("#text-code").text());
});

clip.setHandCursor(true);

});

当提供远程URL时，将通过jQuery's load.加载内容。因为加载是异步的，您也可以尝试覆盖它并添加“完整”。

带ZeroClipboard的Bootstrap模态遥控器

1 个答案: