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