jquery - zclip 不适用于非 DOM 就绪的 html 实体？

Question

我正在使用 zclip 插件复制剪贴板，这里的复制功能仅在第二次单击时起作用

以下是我的 jQuery

$(document).ready(function () {
    $('#clip_copy').click(function () {
        $('#clip_copy').zclip({
            path: 'js/ZeroClipboard.swf',
            copy: function () {
                return $('input#shrink_url_copy').val();
            }
        });
    });
});

这里shrink_url_copy设置为display:noneDOM 加载，所以我认为这是这里的问题，第一次点击我必须做什么？

Answer 1

问题是您在第一次单击后绑定了 zclip。

编辑：您要做的是找到正在删除的代码display:none。您可以在处理程序中附加 zclip 函数，如下所示：

$('input#shrink_url_copy').show(function(){
  $('#clip_copy').zclip({
    path: 'js/ZeroClipboard.swf',
    copy: function () {
      return $('input#shrink_url_copy').val();
    }
  });
});

Answer 2

试试这个： -

zclip一旦你点击它就会被调用，这会导致它在你第一次点击后工作。

在 click 事件上调用zclipon dom 就绪事件。

$(document).ready(function () {        
        $('#clip_copy').zclip({
            path: 'js/ZeroClipboard.swf',
            copy: function () {
                return $('input#shrink_url_copy').val();
            }
        });        
});