document.ready() 函數不起作用

Question

我正在使用 zclip 從文本框中選擇文本到剪貼板。 但是document.ready()不起作用。 它甚至沒有顯示警報。 所有必需的庫都位於腳本標記上方和 head 部分內。 所有文件都在所需的位置。

我什至檢查了文件以及完整的 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();">

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 標簽被識別，則表示 $ 正在工作，否則不會。