2012-10-02 46 views
0

我已經編寫了一些JavaScript代碼並在IIS上使用它們,然後工作正常,但在本地打開文件時出現問題。如果文件在本地打開,Slider JS文件不起作用

我打開源,並通過開放逐個檢查該鏈接的頁面查看源代碼:xyz.html

,各個環節都很好,因爲他們應該。我很驚訝,爲什麼這不起作用。 Firefox chrome都出錯,IE10對我來說是懸而未決的(非常驚訝於此)。

有人知道爲什麼這段代碼沒有工作。

代碼

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"> 
</script> 

<script type="text/javascript"> 
    window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><script>') 
</script> 

<script type="text/javascript" src="ui/js/jquery-ui-1.8.23.custom.min.js"> 
</script> 

是這種情況發生,因爲差/和\在鏈接到JS文件。

TypeError: $(...).slider is not a function 

如果我檢查本地主機的文件,然後jQuery.ui.tabs是一個函數,但我的本地文件這是不確定的。

我不知道爲什麼沒有加載該文件![在這裏輸入的形象描述] [1]

請檢查圖像http://i.stack.imgur.com/iLIJ0.png

它在本地主機工作正常,但不是在本地文件。我檢查視圖源代碼,如果您在執行視圖源代碼時點擊它們,它會工作。

+0

你到底想要做什麼? –

+1

「Firefox chrome都會報錯」 - 錯誤是什麼? – billyonecan

+1

您使用的是Firebug嗎?它是否給你從網絡面板的任何輸出,如404s?你能給我們提供這個錯誤嗎? – LeonardChallis

回答

0

如果您使用的是本地文件,然後用於打開HTML文檔的方案將是file://

由於您使用的方案相對URI來加載jQuery的...

<script src="//ajax... 

...你會試圖使用file://訪問Google服務器上的jQuery,而不是使用http://https://。這將不起作用,因爲file://用於本地文件。

你有兩個選擇:

  • 使用絕對URI進行開發。
  • 通過使用本地Web服務器,讓您的開發環境更好地反映您的生產環境。

我推薦後一種選擇。

+0

你的回答後我有點困惑。我使用相同的技術來鏈接所有js文件。只有jquery-UI文件沒有加載。不知道我發生了什麼事。我已經使用HTml5樣板。他們是否對我的代碼造成了一些問題。 – user1713821