Clipboard.js不工作在引导模式
问题描述:
我想用Clipboard.js复制输入值:https://clipboardjs.com/。输入坐落在一个模式:Clipboard.js不工作在引导模式
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();
}
});
});
但是,它没有解决问题。有任何想法吗?
答
试试这个叉: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')
});
+0
那么你过分复杂一点 - 我所做的只是使用clipboard.js文档中的基本示例:) – marcinrek
一个问题是关于记录与引导模态不兼容的https:/ /github.com/zenorocha/clipboard.js/issues/155 – peter