Jquery 带ZeroClipboard的引导模式远程
Im使用twitter bootstrap 3.0s模式视图显示html 它已经实现了。[https://github.com/zeroclipboard/ZeroClipboard] 此html有一个单击按钮,其中某些内容应通过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
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时,内容将通过加载,因为加载是异步的,您也可以尝试覆盖此内容并添加“完成”