2014-09-25 100 views
15

是否有一些jQuery滑塊依賴於服務器?我正在使用jQuery庫和用戶界面的jQuery範圍滑塊。只有一個jQuery庫,所以我認爲沒有任何衝突的問題。這個滑塊在我的linux服務器上工作得很好,它提供了正確的輸出。但當我推動的代碼是我的IIS服務器我得到這個錯誤,說TypeError:$(...)。滑塊不是在Mozilla瀏覽器和Uncaught TypeError中的函數:undefined不是鉻瀏覽器中的函數。如果服務器無論如何都是它的原因,我只是在漫遊。 :(請建議,如果有人遇到類似的東西。

$(document).ready(function() { 
     $("#slider").slider({ 
      range: "min", 
      animate: true, 
      value:0, 
      min: 0, 
      max: 30, 
      step: 1, 
      slide: function(event, ui) { 
      update(2,ui.value); //changed 
      } 
     });} 
+1

使用Fiddler2或Chrome F12調試工具等網絡工具來查看服務器實際加載的內容。它可能只是無法返回你的一個JS文件。 – 2014-09-25 14:01:06

+0

也許某些其他腳本(在滑塊上方)會導致錯誤,從而阻止腳本下方的腳本執行。製作只有基本數據(js + css + html)的演示頁面,以便工作人員進行測試。在fireox中,在控制檯中,你得到TypeError ..在哪個文件中? – andrew 2014-09-25 14:01:55

+0

@andrew感謝您的快速回復..但我不認爲上面的腳本中有一些錯誤,因爲它運行完全正確的Linux服務器(網站上傳到Linux和IIS服務器)。它在我所調用的slider()函數的html文件中。 – gintech 2014-09-25 17:55:18

回答

5

我有同樣的錯誤消息。在事實證明,我的代碼加載jQuery的兩倍,包括jQuery的一個版本是太舊的結束。一旦我確信只有一個,最近的jQuery的版本是鏈接到我的代碼,錯誤就走開了。

也許您的服務器之一(IIS服務器)服務了一個不折不扣的的jQuery的最新版本?

因此,請檢查您使用的jQuery版本。此工作適用於我:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'></script>

+0

感謝您的回答。我有同樣的問題,並嘗試包括jQuery和jQuery UI的非瘦版本,但這並沒有解決它。原來加載了jQuery的兩個版本! – 2017-12-01 16:18:26

14

都使用jQuery和用戶界面,然後它會工作。

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
0

對於我運行rails,你可以單獨指定列出哪些jQuery UI元素,並且在流水線中沒有滑塊。補充一點,解決問題!