Question

我有这个java脚本函数：

function copyToClipboardCrossbrowser2(text) {
    alert(text);
    $('#Button1').zclip({
        path: '/js/ZeroClipboard.swf',
        copy: text
    });
}

当我制作path: js/ZeroClipboard.swf时，谷歌浏览器告诉我该文件不存在。但是当我把它/时，它并没有告诉我它不起作用。所以swf已安装。

alter正在打印正确的值。但副本无效。

为什么请？

我已经包含了这些：

 <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript" src="/js/jquery.zclip.js"></script>

注意

在另一个项目中，我正在使用这个库，这意味着我的Flash播放器正在运行

这是具有ID Button

的按钮的html

<button type="button" id="Button1" class="copyToBtn" onclick="copyToClipboardCrossbrowser2('00971509396782',this);" title="Copy">
                                Copy Phone Number</button>

我正在使用asp.net 这是按钮的代码

<button type="button" id="Button1" class="copyToBtn" type="button" onclick="copyToClipboardCrossbrowser2('<%#Eval("Telephone")%>',this);"
                                title="Copy">
                                Copy Phone Number</button>

id没有改变，这就是我给你html

的原因

Answer 1

小提琴：

http://jsfiddle.net/6HPuC/

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/zclip/1.1.2/jquery.zclip.min.js"></script>
    <title>Test</title>
</head>        
<script>
    $(function() {
        $("#Button1").zclip({
            path: 'http://cdnjs.cloudflare.com/ajax/libs/zclip/1.1.2/ZeroClipboard.swf',
            copy: function() {
                return $(this).data("copy");
            }
        });
    });
</script>
</head>
<body>
<button type="button" data-copy="<%#Eval('Telephone')%>" id="Button1" class="copyToBtn" title="Copy">Copy Phone Number</button>
</body>
</html>

Answer 2

在您的代码中，您使用按钮单击事件将zClip与错误的按钮绑定。当您将ZClip附加到按钮时，它将自动处理OnClick事件，无需在按钮事件上写入

以下是您修改后的代码

 <script type="text/javascript">
    $(document).ready(function () {
        $('#Button1').zclip({
            path: '/js/ZeroClipboard.swf',
            copy: $('#Button1').attr('data-copy')
        });        
    });

</script>

按钮事件如下：

<button type="button" id="Button1" class="copyToBtn" data-copy="<%#Eval('Telephone')%>" title="Copy">
            Copy Phone Number</button>

jquery javascript这个函数没有调用

注意

id没有改变，这就是我给你html

2 个答案: