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

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

问题解决了

4

2 回答 2

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 已附加到它。我认为在输入类型提交按钮的情况下它不会发生。那是另一个问题。

于 2012-07-20T11:56:38.743 回答
0
  1. 您正在复制不存在的“.link”元素的值
  2. fadeOut(0)是相同的hide()
  3. 对象必须在加载时可见
  4. 正如我所看到的,zCopy 添加了一个点击事件,因此在点击事件中分配它是多余的

这个版本有效,但我不太确定为什么。

于 2012-07-20T11:48:46.173 回答