jQuery zClip 没有将值复制到剪贴板

Question

<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>

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

我想将第一个函数 [ jQuery(".process").click(function() ] 生成的值作为循环复制几次。

jsFiddle：http://jsfiddle.net/npYBm/

插件页面：http://www.steamdev.com/zclip/

有什么解决办法吗？谢谢。

问题已解决

Answer 1

试试这个，

HTML

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="http://www.steamdev.com/zclip/js/jquery.zclip.min.js"></script>

<form class="form-wrapper cf" action="">
    <span>Enter A Number</span> <br />
    <input type="text" class="enter" size="15" />
    <a class="" id="copy-button" href="#">Copy</a>
</form>

脚本

jQuery(function() {

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

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

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

Answer 2

1. 您正在复制不存在的“.link”元素的值
2. fadeOut(0) 与 hide() 相同
3. 对象在加载时必须可见
4. 在我看来，zCopy 添加了一个点击事件，因此在点击事件中分配它是多余的

This version 有效，但我不太确定原因。