Bootstrap modal remote с ZeroClipboard

Question

Im с использованием твиттера 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. Причина загрузка асинхронный, вы также могли бы попытаться переписать это и добавить «полный».