После нажатия на.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 в область буфера обмена.

https://jsfiddle.net/2rjbtg0c/1/