2016-05-09 4 views
0

セットアップが正常に完了しました。今私は設計目的のためにフレームワークを追加しています。スペースをクラスに割り当てるときに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>

+0

問題の詳細について具体的に説明する必要があります。 「うまくいきません」と言っても意味がありません。質問にエラーメッセージをコピーするか、少なくとも症状を説明してください – Tibrogargan

答えて

0

ダブルクラスを追加します。下に掲載されているようにあなたのボタンに。まず、 "btn"を投稿し、次にフレームワークから関連するCSSをスペースでポストします。

<button class="btn small button" data-clipboard-action="copy" 
data-clipboard-target="#ds24code"> 
1

あなたは

new Clipboard('.small button') 

を持っているコードはsmallクラスのタグ内buttonタグが見つかりますように、クリップボードライブラリを初期化するときに渡される引数は、CSSセレクタです。何が欲しいのは、おそらく両方smallbuttonクラスを持つタグを見つけます

new Clipboard('.small.button') 

です。

関連する問題