2011-01-09 92 views
3

我試圖運行下面的代碼,寫我的本地機器上:代碼中的jsfiddle工作,但不是在瀏覽器

http://www.jsfiddle.net/WShdx/3/

功能明智的(忽略一個和下一個按鈕破碎的形象和錯誤大小的主圖像),點擊/懸停功能在jsfiddle中正常工作。但是,在我的本地機器上根本不工作。

對於所有意圖和目的的代碼是一樣的,除了本地副本有這個頭一節中所包含的jsfiddle頁面內的JavaScript/CSS文件加載:

<head> 
    <title>Jquery Wizard</title> 
    <link href="style.css" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
    <script src="wizard.js" type="text/javascript" ></script> 
</head> 

有一些精彩的功能jsFiddle讓我的代碼神奇地工作,或者我在這裏錯過了什麼?

+0

你是什麼意思,它根本不工作?您的調試器報告有哪些錯誤? – jmort253 2011-01-09 05:57:40

+0

給我們一些東西,錯誤或任何東西,在這一點上,沒有辦法說明它爲什麼不起作用。你的外部js是否在同一個文件夾中?你必須使用HTTPS,而不是嘗試HTTP爲jQuery的CDN。嘗試通過驗證器運行它。 – 2011-01-09 06:01:01

回答

12

您選擇在jsFiddle上運行腳本代碼「onload」,這就是區別。

如果沒有加載,它不會找到$('area'),因爲您的腳本放置在<head>之內,<body>中的元素仍然未知。

0

我還建議任何遇到此類錯誤的人使用螢火蟲或任何調試工具在出現此類問題時調試腳本。可能非常簡單但令人沮喪的問題,如Uncaught SyntaxError: Unexpected token ILLEGAL錯誤。調試器非常方便!

相關問題