Jquery 带ZeroClipboard的引导模式远程

Jquery 带ZeroClipboard的引导模式远程,jquery,modal-dialog,twitter-bootstrap-3,zeroclipboard,Jquery,Modal Dialog,Twitter Bootstrap 3,Zeroclipboard,Im使用twitter bootstrap 3.0s模式视图显示html 它已经实现了。[https://github.com/zeroclipboard/ZeroClipboard] 此html有一个单击按钮,其中某些内容应通过zeroclipboard复制到剪贴板 ZeroClipboard.setDefaults({ moviePath : '../js/lib/ZeroClipboard.swf', hoverClass : "zeroclipboard-is-hover

Im使用twitter bootstrap 3.0s模式视图显示html 它已经实现了。[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...

在模态内容加载后,尝试设置zerclip board:

$('#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时,内容将通过加载,因为加载是异步的,您也可以尝试覆盖此内容并添加“完成”