Javascript jQuery zClip不是'；t将值复制到剪贴板 jQuery（函数（）{ jQuery（“.process”）。单击（函数（）{ var enter=$（“.enter”）.val（）； out=parseFloat（enter）+Math.floor（（Math.random（）*10）+1）； $（'.enter'）.attr（“值”，out）； $（'.process'）。淡出（0）； $（'.copy'）.fadeIn（0）； }); }); jQuery（函数（）{ jQuery（“.copy”）。单击（函数（）{ $（“.copy”）.zclip({ 路径：'js/ZeroClipboard.swf'， 复制：函数（）{return$（“.enter”）.val（）；}， afterCopy:afterCopy（） }); 函数afterCopy（）{ $（“.enter”）.val（“”）； $（'.copy'）。淡出（0）； $（'.process'）.fadeIn（0）； } }); }); 输入一个数字 过程 复制

jQuery zClip插件在我的代码中不起作用

我想复制第一个函数[jQuery（“.process”）产生的值。作为循环，单击（function（）]几次

jsFiddle：

插件页面：

有什么解决办法吗？谢谢

问题已解决

您正在复制不存在的“.link”元素的值

fadeOut（0）

与

hide（）相同

加载时对象必须可见

正如我看到的，zCopy添加了一个点击事件，所以在点击事件中分配它是多余的

工作，但我不太清楚确切的原因

您正在复制不存在的“.link”元素的值

fadeOut（0）

与

hide（）相同

加载时对象必须可见

正如我看到的，zCopy添加了一个点击事件，所以在点击事件中分配它是多余的

有效，但我不太清楚确切原因。

试试这个

HTML

<script type="text/javascript">
jQuery(function() {
    jQuery(".process").click(function() {

    var enter = $(".enter").val();
    out = parseFloat(enter) + Math.floor((Math.random()*10)+1);

    $('.enter').attr("value", out);

    $('.process').fadeOut(0);
    $('.copy').fadeIn(0);

    });
});

jQuery(function() {
    jQuery(".copy").click(function() {

    $(".copy").zclip({
        path:'js/ZeroClipboard.swf',
        copy:function() { return $(".enter").val(); },
        afterCopy: afterCopy()
    });

    function afterCopy() {
        $(".enter").val('');
        $('.copy').fadeOut(0);
        $('.process').fadeIn(0);
    }

    });
});
</script>

<form class="form-wrapper cf" action="">
    <span>Enter A Number</span> <br />
    <input type="text" class="enter" size="15" />
    <button type="button" class="process">process</button>
    <button type="button" class="copy" style="display:none;">copy</button>
</form>

问题是您将zClip函数放置在click事件中。这不是必需的

如果右键单击“复制”锚定标记，可以看到flash已附加到该标记上。我认为在输入类型提交按钮的情况下不会发生这种情况。这是另一个问题。

试试这个

HTML

<script type="text/javascript">
jQuery(function() {
    jQuery(".process").click(function() {

    var enter = $(".enter").val();
    out = parseFloat(enter) + Math.floor((Math.random()*10)+1);

    $('.enter').attr("value", out);

    $('.process').fadeOut(0);
    $('.copy').fadeIn(0);

    });
});

jQuery(function() {
    jQuery(".copy").click(function() {

    $(".copy").zclip({
        path:'js/ZeroClipboard.swf',
        copy:function() { return $(".enter").val(); },
        afterCopy: afterCopy()
    });

    function afterCopy() {
        $(".enter").val('');
        $('.copy').fadeOut(0);
        $('.process').fadeIn(0);
    }

    });
});
</script>

<form class="form-wrapper cf" action="">
    <span>Enter A Number</span> <br />
    <input type="text" class="enter" size="15" />
    <button type="button" class="process">process</button>
    <button type="button" class="copy" style="display:none;">copy</button>
</form>

问题是您将zClip函数放置在click事件中。这不是必需的

---

如果右键单击“复制”锚定标记，您可以看到flash已附加到该标记上。我认为在输入类型“提交”按钮的情况下不会发生这种情况。这是另一个问题。

首先，我要感谢Thomas的回答。但我需要一个按钮来使用show（）和hide（）进行“切换”）-不是两个按钮。在这个版本中，flash连接到复制按钮。这不是最终的解决方案。首先，我想感谢Thomas的回答。但是我需要一个按钮来使用show（）和hide（）进行“切换”-不是两个按钮。在这个版本中，flash附加到“复制”按钮。这不是最终解决方案。嗨，德克斯特，非常感谢你的回答。问题是：我需要一个按钮来使用show（）和hide（）进行“切换”不是链接。你知道如何摆脱flash附件吗？@Vlad，因为安全原因，浏览器无法访问剪贴板。这就是为什么他们使用flash访问剪贴板。一旦我使用zeroclipboard并设置了链接按钮的样式，它们将显示为按钮。你也可以像在按钮上一样在链接上显示/隐藏效果。希望如此这有助于：）我理解。我将设法解决这个问题。再次感谢。嗨，德克斯特，非常感谢你的回答。还有一个问题是：我需要一个按钮使show（）和hide（）的“切换”不是链接。你知道如何摆脱flash附件吗？@Vlad，因为安全原因，浏览器无法访问剪贴板。这就是为什么他们使用flash访问剪贴板。一旦我使用了zeroclipboard并设置了链接按钮的样式，它们就会显示为按钮。您也可以像在按钮上一样在链接上显示/隐藏效果。希望有帮助：）我理解。我将设法解决这个问题。再次感谢。问题如何解决？问题如何解决？

jQuery(function() {

    $("#copy-button").zclip({
        path:'http://zeroclipboard.googlecode.com/svn-history/r10/trunk/ZeroClipboard.swf',
        copy:function() {return $(".enter").val(); }
    });
});