Clipboard.js不工作在引導模式

Question

我想用Clipboard.js複製輸入值：https://clipboardjs.com/。輸入坐落在一個模式：

http://codepen.io/Deka87/pen/eBJOKY

new Clipboard('#copy', { 
    text: function(trigger) { 
     return $("#copy-input").val(); 
    } 
}); 

雖然它的工作模式以外，它失敗當輸入和複製按鈕位於一個模式窗口工作。我試圖在模式窗口打開後啓動剪貼板功能：

$(".modal").on("shown.bs.modal", function() { 
    new Clipboard('#copy', { 
     text: function(trigger) { 
      return $("#copy-input").val(); 
     } 
    }); 
}); 

但是，它沒有解決問題。有任何想法嗎？

Answer 1

試試這個叉：http://codepen.io/anon/pen/NbxWbQ 我忘了取出的console.log所以才忽略了:)

<input type="text" class="form-control" id="copy-input" value="Copied successfully!"/> 
    <br /> 
    <a href="#" id="copy" data-clipboard-target="#copy-input" class="btn btn-default">Copy input content to clipboard</a> 

和

$(".modal").on("shown.bs.modal", function() { 
    console.log('a', Clipboard, $('#copy'), $("#copy-input").val()); 
    var clipboard = new Clipboard('#copy') 
});