javascript - jQuery 剪贴板插件不适用于动态添加的元素

Question

我正在使用jQuery Clipboard插件。

JS:-

jQuery(document).ready(function($) {
    jQuery('.the_clipboard').clipboard({
        path: 'path/to/jquery.clipboard.swf',
        copy: function() {
            return jQuery(this).parent().find('.copyable').text();
        }
    });
});

HTML:

<td>
    <span class="copyable">TO_BE_COPIED</span>
    <button class="the_clipboard btn btn-sm" style="margin-top:-2px;">
        <span class="glyphicon glyphicon-paperclip"></span>
    </button>
</td>    

添加新的 td 元素后，单击 the_clipboard 时，文本不会复制到剪贴板。

Answer 1

在 .the_clipboard 元素上调用 clipboard 插件的代码仅在页面加载时运行。您需要在动态添加的 td 元素上再次运行它。