Bootstrap模式遠程與ZeroClipboard

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.加載產生載荷是異步的，你也可以嘗試覆蓋這並添加「完整」。