jQuery 剪贴板插件无法处理动态添加的元素

jQuery Clipboard Plugin not working on dynamically added elements

本文关键字：动态 添加 元素 处理 剪贴板 插件 jQuery      更新时间：2023-09-26

我正在使用jQuery剪贴板插件。

.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时，不会将文本复制到剪贴板。

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

相关文章：