0

Twitter ブートストラップ 3.0 のモーダル ビューを使用して、zerclipboard が実装されている 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...
4

1 に答える 1

0

モーダル コンテンツが読み込まれた後に、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 のロードによってロードされます。読み込みが非同期であるため、これを上書きして「完了」を追加することもできます。

于 2013-10-10T13:35:28.867 に答える