jquery.zclip.js应用问题

我单独测试没问题，但是我在具体项目中使用的时候，是在窗口弹出的时候在绑定的,那两个js文件都引用了。
            if (r) {
                $('#share').dialog('open').dialog('setTitle', '请选择新的目录');
                document.getElementById("Extractcode").value = generateMixed(10);
                document.getElementById("link").value = url;
                $(document).ready(function () {
                    $("#dynamic").zclip({
                        path: '/Areas/AMS/Scripts/jquery_zclip/ZeroClipboard.swf',
                        copy: function () { return $('input#link').val(); },
                        beforeCopy: function () {
                            $('#dynamic').css('background', 'red');
                            $(this).css('color', 'orange');
                        },
                        afterCopy: function () {
                            $('#dynamic').css('background', 'black');
                            $(this).css('color', 'purple');
                            alert("copy成功");
                        }
                    });
                });



窗口界面:
          <form id="Secretform" method="post" novalidate>
              <div data-options="region:'center',split:true" style="width: 380px">
                  <ul class="Archives_BasicInfo">
                     <li  style="display: none">
                          <span class="Archives_BasicInfo_title">id:</span>
                          <span >
                              <input type="text" name="autoid"   id="autoid"  value=""/></span>
                      </li>
                      <li id="linkli">
                          <span class="Archives_BasicInfo_title">链接地址:</span>
                          <span >
                              <input type="text" name="copy"   id="link"  style="width: 200px"/></span>
                      </li>
                      <li id="date">
                          <span class="Archives_BasicInfo_title">有效时间:</span>
                          <span >
                              <input class="easyui-datetimebox" name="effectivedate"   id="effectivedate"  value=""/></span>
                      </li>
                  </ul>
              </div>
              <div data-options="region:'south',border:false" style="text-align: right; padding: 5px 0 0;">
                  <a href="javascript:void(0)" id="dynamic">复制</a>
                  <a class="easyui-linkbutton" id="linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="SaveCode()">确定</a>
                  <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="javascript:$('#share').dialog('close');">取消</a>
              </div> 
          </form>

11 个解决方案

#1

复制不成功是什么意思，没有复制到实际的内容？还是点击flash没有反应？

我这里测试了下没什么噶。

#2

引用 1 楼 showbo 的回复:

复制不成功是什么意思，没有复制到实际的内容？还是点击flash没有反应？

我这里测试了下没什么噶。

点击flash没有反应

#3

引用 1 楼 showbo 的回复:

复制不成功是什么意思，没有复制到实际的内容？还是点击flash没有反应？

我这里测试了下没什么噶。

我也确定了绑定的路径是正确的啊

#4

引用 1 楼 showbo 的回复:

复制不成功是什么意思，没有复制到实际的内容？还是点击flash没有反应？

我这里测试了下没什么噶。

我想该页面我同时使用的uploadify上传控件，这个也是基于flash的，这样是不是有影响呢？

#5

本帖最后由 showbo 于 2013-08-05 15:51:41 编辑

你注销掉uploadify看看zclip有效果没，有可能是2个冲突了，感觉应该没什么问题。。

确定zclip的flash出来了的是吧。

注册zclip的事件不要放到$(document).ready事件中试试，可能是页面都加载完毕了你才执行$(document).ready注册事件不执行的

//$(document).ready(function () {
                $("#dynamic").zclip({
                    path: '/Areas/AMS/Scripts/jquery_zclip/ZeroClipboard.swf',
                    copy: function () { return $('input#link').val(); },
                    beforeCopy: function () {
                        $('#dynamic').css('background', 'red');
                        $(this).css('color', 'orange');
                    },
                    afterCopy: function () {
                        $('#dynamic').css('background', 'black');
                        $(this).css('color', 'purple');
                        alert("copy成功");
                    }
                });
         //   });

#6

引用 5 楼 showbo 的回复:

你注销掉uploadify看看zclip有效果没，有可能是2个冲突了，感觉应该没什么问题。。

确定zclip的flash出来了的是吧。

注册zclip的事件不要放到$(document).ready事件中试试，可能是页面都加载完毕了你才执行$(document).ready注册事件不执行的

//$(document).ready(function () {
                $("#dynamic").zclip({
                    path: '/Areas/AMS/Scripts/jquery_zclip/ZeroClipboard.swf',
                    copy: function () { return $('input#link').val(); },
                    beforeCopy: function () {
                        $('#dynamic').css('background', 'red');
                        $(this).css('color', 'orange');
                    },
                    afterCopy: function () {
                        $('#dynamic').css('background', 'black');
                        $(this).css('color', 'purple');
                        alert("copy成功");
                    }
                });
         //   });

我发现一个问题，我在一个单独运行可以成功复制的页面进行复制操作，界面不关再运行我的那个项目就可以复制了，这是是什么问题？是不是我的那个项目没有绑定成功啊

#7

引用 6 楼 a102470 的回复:

Quote: 引用 5 楼 showbo 的回复:

你注销掉uploadify看看zclip有效果没，有可能是2个冲突了，感觉应该没什么问题。。

确定zclip的flash出来了的是吧。

注册zclip的事件不要放到$(document).ready事件中试试，可能是页面都加载完毕了你才执行$(document).ready注册事件不执行的

//$(document).ready(function () {
                $("#dynamic").zclip({
                    path: '/Areas/AMS/Scripts/jquery_zclip/ZeroClipboard.swf',
                    copy: function () { return $('input#link').val(); },
                    beforeCopy: function () {
                        $('#dynamic').css('background', 'red');
                        $(this).css('color', 'orange');
                    },
                    afterCopy: function () {
                        $('#dynamic').css('background', 'black');
                        $(this).css('color', 'purple');
                        alert("copy成功");
                    }
                });
         //   });

我发现一个问题，我在一个单独运行可以成功复制的页面进行复制操作，界面不关再运行我的那个项目就可以复制了，这是是什么问题？是不是我的那个项目没有绑定成功啊

是不是flash没有下载成功啊。。

#8

引用 7 楼 showbo 的回复:

Quote: 引用 6 楼 a102470 的回复:

Quote: 引用 5 楼 showbo 的回复:

你注销掉uploadify看看zclip有效果没，有可能是2个冲突了，感觉应该没什么问题。。

确定zclip的flash出来了的是吧。

注册zclip的事件不要放到$(document).ready事件中试试，可能是页面都加载完毕了你才执行$(document).ready注册事件不执行的

//$(document).ready(function () {
                $("#dynamic").zclip({
                    path: '/Areas/AMS/Scripts/jquery_zclip/ZeroClipboard.swf',
                    copy: function () { return $('input#link').val(); },
                    beforeCopy: function () {
                        $('#dynamic').css('background', 'red');
                        $(this).css('color', 'orange');
                    },
                    afterCopy: function () {
                        $('#dynamic').css('background', 'black');
                        $(this).css('color', 'purple');
                        alert("copy成功");
                    }
                });
         //   });

我发现一个问题，我在一个单独运行可以成功复制的页面进行复制操作，界面不关再运行我的那个项目就可以复制了，这是是什么问题？是不是我的那个项目没有绑定成功啊

是不是flash没有下载成功啊。。

我如何复制多个<input>文本框里的值啊，两个<input>的name为都为copy，我使用$(input[name='copy']).val();只能复制成功第一个，请问该如何修改呢？

#9

$("input[name = 'copy']").map(function () { return this.value }).get().join('，');

val只获取第一个对象的，需要串联起来，最后join方法的参数是链接数组的内容，如果不需要可以去掉

#10

我的swf没有下载，请求都没有发出，是怎么回事

#11

绑定的元素一开始隐藏掉了，使用复制功能无法绑定。