セットアップが正常に完了しました。今私は設計目的のためにフレームワークを追加しています。スペースをクラスに割り当てるときにclipboardjsが機能しない
"小さなボタン"というボタンに新しいクラスを追加すると、それ以上はうまくいかないので、これは問題なく動作します。ボタンを使う前に、とてもうまくいくでしょう。
私は単純な答えがあると思いますが、問題について間違った見方をしていると思います。
これが機能していない例である:これは実施例である
<script>
var clipboard = new Clipboard('.small button');
clipboard.on('success', function(e) {
console.log(e);
});
clipboard.on('error', function(e) {
console.log(e);
}); < /script>
<div class="result">
<label>E-Mail Code:</label>
<p>
<textarea id="emailcode">
<?=$image;?>
</textarea>
</p>
<p>
<button class="small button" data-clipboard-action="copy" data-clipboard-target="#emailcode">
Copy to clipboard
</button>
</p>
<label>Digistore24 Code:</label>
<p>
<textarea id="ds24code">
<?=$ds24;?>
</textarea>
</p>
<p>
<button class="small button" data-clipboard-action="copy" data-clipboard-target="#ds24code">
Copy to clipboard
</button>
</p>
</div>
:
<script>
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
console.log(e);
});
clipboard.on('error', function(e) {
console.log(e);
}); < /script>
<div class="result">
<label>E-Mail Code:</label>
<p>
<textarea id="emailcode">
<?=$image;?>
</textarea>
</p>
<p>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#emailcode">
Copy to clipboard
</button>
</p>
<label>Digistore24 Code:</label>
<p>
<textarea id="ds24code">
<?=$ds24;?>
</textarea>
</p>
<p>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#ds24code">
Copy to clipboard
</button>
</p>
</div>
問題の詳細について具体的に説明する必要があります。 「うまくいきません」と言っても意味がありません。質問にエラーメッセージをコピーするか、少なくとも症状を説明してください – Tibrogargan