Zclip 多个输入答案

【问题标题】：Zclip on multiple inputsZclip 多个输入
【发布时间】：2011-09-07 12:36:44
【问题描述】：

我正在尝试实现 zclip 以将输入的内容复制到剪贴板。页面上有 20 个文本输入，如下所示：

<input type="text" value="content to copy..." />
<input type="text" value="another content to copy..." />

我想出了这个 jQuery 代码：

jQuery(function() {
  jQuery("input[type=text]").click(function() {
    var link = jQuery(this).val();
    jQuery(this).zclip({
        path: '/img/ZeroClipboard.swf',
        copy: link
    });
  });
});

在 Javascript 控制台中，我收到此错误：未捕获的类型错误：对象 [object DOMWindow] 的属性“$”不是函数。

我怎样才能让它工作？谢谢

【问题讨论】：

标签： javascript jquery zclip

【解决方案1】：

好像您在 noConflict 模式下使用 jQuery。 ZClip 假设情况并非如此，并尝试扩展“$”。我只是用 'jQuery' 替换了 jquery.zclip.js 中的每个 '$' 并且错误消息消失了。如果有其他方法可以在 noConflict 模式下运行 zClip，请告诉我。

【讨论】：

【解决方案2】：

使用each代替点击，使用函数返回链接值

jQuery(function() {
  jQuery("input[type=text]").each(function() {
    var link = jQuery(this).val();
    jQuery(this).zclip({
        path: '/img/ZeroClipboard.swf',
        copy: function(){return link;}
    });
  });
});

【讨论】：