Как копировать используя clipboard.js с динамическим контентом и триггерами
После нажатия на.fw-code-copy-button
Я хотел бы скопировать исходный код из ближайшего контейнера..fw-code-copy-button
-s создаются динамически, после того, как пользователь нажимает специальную кнопку «Просмотр источника».
HTML например кнопка:
<span class="fw-code-copy">
<span class="fw-code-copy-button" data-clipboard-text="...">copy</span>
</span>
Вот как я запускаю событие click и определяю исходный код, который будет скопирован в буфер обмена:
$(document).on("click", ".fw-code-copy-button", function(){
var source = $(this).closest(".fw-code-copy").next("code").text();
});
И это какclipboard.js запускает это событие копирования
new Clipboard(".fw-code-copy-button", {
text: function(trigger) {
return source; // source should somehow be copied from scope above it
}
});
Всякий раз, когда я нажимаю в любом месте на сайте, появляется следующая ошибка:
Uncaught Error: Missing required attributes, use either "target" or "text"
Но прежде всего я не хочу определять текст для копирования вdata-clipboard-text="..."
и во-вторыхdata-clipboard-text
определяется с"..."
как это значение.
Если бы кто-то заплатил секунду, я был бы очень благодарен.
[редактировать] Я написал jsFiddle для демонстрации, и неожиданно UncaughtError исчез, но мне все еще нужно двигатьсяsource
код из onClick в область буфера обмена.