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

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