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”）得到的值。点击（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功能。这不是必需的。

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

Answer 2

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

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

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

2 个答案: