jQuery Clipboard Plugin不适用于动态添加的元素

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元素上再次运行它。