問題タブ [clipboard.js]

jQueryを使用してコンテンツを動的に追加するときにClipboard.js機能を使用する方法を知りたいです。現在、私のコードは次のとおりで、jQuery なしでロードされたページで静的な場合に機能します。

jQueryを使用してこれを動的追加としてロードすると、次のことを行っていますが、機能しません:

私が試してみました：

コンテンツをロードした後、それは機能しません。高度な使用法については、Clipborad.js ページで言及されていることも同様です。

これもうまくいかないようです。コンテンツを動的に追加した後、何が欠けていますか?

AJAX を使用した機能しない Clipboard.js 実装の理解を見てきましたが、これでは答えが得られません。

ありがとう

ユーザーボタンのクリック時にいくつかのアクションを実行しようとしています:

1. jQuery AJAX 呼び出しを使用してサーバーからデータを取得します。
2. 成功したら、このデータをボタン属性data-clipboard-text値に保存します。
3. clipboardjs を使用して、この値をクリップボードにコピーします。

jQuery.get().done()問題: ステップ 3は、ダミー テキストを使用した外部では完全に機能しますが、内部では機能しませんdone()。ターゲット値がまだないときにclipboardjsがコピーを起動するため、これは私が期待するものではありません.

ユーザーがelm 0.18でボタンをクリックしたときに、テキストをdivからクリップボードにコピーする方法はありますか?

Clipboard.elmを確認しましたが、elm 0.18 でコンパイルして動作させることができません。elm 0.18でこれを行う公式の作業方法はありますか?

ASP.NET Webforms を使用してアプリケーションを開発していますが、TypeScript で clipboardjs を使用するのが困難です。

私が試したこと：

を。clipboardjs ( https://clipboardjs.com/ ) をダウンロードし、その参照を script フォルダーの下に追加しました。

b. nuget を使用して clipboardjs のタイピングをインストールしました。

c. jquery とそのタイピングをインストールし、jquery 参照をプロジェクトに追加しました。

以下のファイルの詳細を参照してください。

今、彼らのドキュメントに従っていくつかのコードを入力しようとすると、typescript で「名前のクリップボードが見つかりません」というエラーが表示されます。

私は何が欠けていますか？任意の提案/ヘルプをいただければ幸いです。

Clipboardjsはすごいけど、使用する際にイベント委譲をどうするかが気になる。

これが私のコードです：

それはうまく機能しますが、3 つの dom 要素のイベント リスナーをアタッチするので、イベント委任を使用して最適化したいと思います。ガイドを読みましたが、言及されていません。

このため、複数のイベント リスナーを 1 つのリスナーに置き換えるイベント委任を使用します。

だから私は助けを求めてここに来ます。

イベント委任を使用して私のデモを修正していただけますか?

プロジェクトでClipboard.jsを使用して、ボタンが押されたときにユーザーがテキストをクリップボードにコピーできるようにしています。

jQueryを使用してリスト内のボタンのリストを更新すると、成功イベントで複数発生する場合を除いて、正常に動作します。エラーを再現するコードの例を次に示します。

問題を再現するために jsFiddle を作成しました: https://jsfiddle.net/jdfj52or/

1. まず「リストを読み込む」ボタンを押します
2. 読み込まれたボタンのいずれかを押すと、通知が表示されます
3. もう一度「リストをロード」を押します
4. ロードされたボタンの 1 つを押すと、2 つの通知が表示されます

手順 4 を繰り返すと、さらに通知が繰り返されます。

これは私のコードの問題ですか?