document.ready() 函数不起作用答案

【问题标题】：document.ready() function not workingdocument.ready() 函数不起作用
【发布时间】：2014-03-31 07:02:03
【问题描述】：

我正在使用 zclip 将文本从文本框中选择到剪贴板。但是document.ready() 不起作用。它甚至没有显示警报。所有必需的库都位于脚本标记上方和头部部分内。所有文件都在所需的位置。

我什至检查了文件以及完整的 URL。

<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();">

【问题讨论】：

你在 document.ready 之前链接过 jquery 吗？
您是否在浏览器控制台中检查过错误？
是的，我已经在 document.ready 之前链接了 jquery。浏览器控制台中也没有错误或警告。
language 标签已被弃用 - 我认为这不会影响执行，但最好还是删除它。
@SimonRobb 我本来打算写不工作，但现在它工作我不知道为什么，但它只是工作。（但不是通过删除“语言”标签）。谢谢大家。

标签： javascript jquery

【解决方案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 来跟踪这类问题。

【讨论】：

感谢您的建议和您的宝贵时间。
现在可以了。我已经检查了萤火虫，现在显示了一个错误（之前没有显示该错误）。从 alert() 中删除了单引号。并应用您建议的更改（更好的版本：）。它现在工作正常。感谢您和这个社区。span>

【解决方案2】：

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

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

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

你可以做一个测试，在你的浏览器的调试器中进入你的控制台并尝试输入 $('div') 或 $('p')。如果您选择的任何 html 标签被识别，则表示 $ 正在工作，否则不会。

【讨论】：

我的意思是 jquery.js 和 jquery.zclip.js 以及 twitter 的 widgets.js