Question

我正在使用zclip帮助从文本框中选择文本到剪贴板。但document.ready()无效。它甚至没有显示警报。所有必需的库都位于脚本标记之上且位于head部分之内。所有文件都在所需的位置。

我甚至检查了文件以及完整的网址。

<script type="text/javascript" language="javascript">
$(document).ready(function(){
alert('hi');
        $("a#copy_initiator").zclip({
            alert('hi');
            path:"js/ZeroClipboard.swf",
           copy:function(){return $("input#copy-box").val();}
        });
    });
</script>


<a id="copy_initiator">Copy Link:</a> <input id="copy-box" type="text"  value="here_is_a_url" onfocus="this.select();">

Answer 1

这里有语法问题：

    $("a#copy_initiator").zclip({
        alert('hi');
        path:"js/ZeroClipboard.swf",
       copy:function(){return $("input#copy-box").val();}
    });

应该是：

$("a#copy_initiator").zclip({
    path:"js/ZeroClipboard.swf",
    copy:function(){
        return $("input#copy-box").val();
    }
});

更好的版本：

$("#copy_initiator").zclip({
    path:"js/ZeroClipboard.swf",
    copy:function(){
        return $("#copy-box").val();
    }
});

建议：使用firebug来跟踪这类问题。

Answer 2

你说“所有必需的库”，你是否包括几个库？

如果是这种情况，则可能是他们与jquery“$”产生冲突。

这是一个解释此内容的网页：https://api.jquery.com/jQuery.noConflict/

你可以做的测试，是在浏览器的调试器中输入你的控制台条目，然后输入$（'div'）或$（'p'）。如果你选择的任何html标签都识别它意味着$正在工作，否则不是。

document.ready（）函数不起作用

2 个答案: