多个输入上的Zclip

Question

我正在尝试实现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控制台中，我得到这个错误:未捕获TypeError: object object DOMWindow的属性'$‘不是一个函数。

我怎么才能让它正常工作呢？Thx

Answer 1

看起来像是在noConflict模式下使用jQuery。ZClip假设情况并非如此，并尝试扩展“$”。我只是把jquery.zclip.js中的每个'$‘都换成了'jQuery’，错误信息就消失了。如果有其他方法可以在noConflict模式下运行zClip，请让我知道。

Answer 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;}
    });
  });
});