nicht bekommen kann "clipboard.js" arbeiten

Komme ich nicht an die clipboard.js zu arbeiten; ich denke, es ist eine einfache "Missverständnis" darüber, wie das ganze funktioniert, da bin ich nicht einmal in der Lage zu Holen Sie sich die am meisten einfache Beispiel, um richtig zu arbeiten, wie in diese Geige...

Mein problem ist immer diese Arbeit:

HTML:

<button class="copyButton" 
        id="copyButtonId" 
        data-id="@item.Type" 
        data-clipboard-action="copy" 
        data-clipboard-target="#[email protected]">
</button>  

Den div, der kopiert werden soll, ist dies:

   <div id="[email protected]">
       @item.Type
       Name...: @item.Name
       Address: @item.Address
   </div>`

JS ist:

$(function() {
$(document).on("click", ".copyButton", function() {
    var clipboard = new Clipboard(".copyButton"); 
    clipboard.destroy();
  });
});

Ich bin immer in der Funktion, aber nichts ist passiert. Ich habe versucht:

clipboard.copy();

aber, dass nur wirft mir eine Ausnahme...

Bekomme ich den text, den ich kopieren will

var id= "copy_" + $(this).attr("data-id");
var source = ($("#" + agent).html());

Aber ich sollte in der Lage sein nur, um es durch die Verwendung clipboard.js.

Ich kann nicht alle Beispiele funktionieren, so würde ich glücklich sein, wenn jemand zeigt mir ein komplettes Beispiel. Ich habe wirklich versucht zu verstehen, und ich kann overthinking die ganze Sache und machen dieses komplizierter, als es ist.
Ich will keine workarounds, wie ich das vor und denke, das ist eine große js-Lösung... Wenn ich nur könnte es verstehen 🙂

Jeden Wink in die richtige Richtung, wird sehr geschätzt!

  • Vielleicht der Kopierer funktioniert nur für Eingabefelder (oder Texteingabefelder) und keine divs?
  • ein Beispiel von der Website funktioniert mit div (github.com/zenorocha/clipboard.js/blob/master/demo/...). nur wenn ich es versuche, es geht nicht
  • Auch nicht, wenn Sie nur kopieren Sie die ganze Sache?
  • das ist, was ich in der Geige, es ist der source-code aus dem Beispiel...
  • und du bist absolut sicher, dass Sie Hinzugefügt haben die Bibliothek? Denn ich sehe nicht, dass in der Geige. (entschuldigt, wenn Sie haben)
  • Habe ich gerade eingefügt <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.3/clipboard.min.js"></script> in den html-Code Ihrer fiddle und Kopien Hallo
  • ja, du hast Recht. Hab den falschen link in Externe Ressourcen

InformationsquelleAutor marS | 2015-11-26
Schreibe einen Kommentar