不能拖動jQuery UI滑塊

我添加了一個jQuery UI滑塊到我的頁面，但我不能拖動句柄。我發現我必須添加display：block來顯示句柄。否則，即使我設置了高度/寬度，它也不會顯示。這是我的CSS：不能拖動jQuery UI滑塊

.ui-slider-horizontal { 
background:  #eb7c21; 
height:   5px; 
} 

.ui-slider-handle { 
background:  url("slider.png") no-repeat; 
height:   24px; 
width:   27px; 
display:  block; 
}

來源

2011-02-23 Jarred

所以現在它顯示？ – 2011-02-23 06:49:01

我必須同意@Damien Pirsy - 我不確定你的問題是什麼？你不是在描述一個解決方案而不是一個問題嗎？ – polarblau 2011-02-23 09:06:51

問題是滑塊不能滑動。圖像顯示出來，但是當我拖動它時，沒有任何反應。沒有javascript錯誤。 – Jarred 2011-02-24 07:24:35

如果你不得不編輯CSS本身，那麼這個問題的機會是jQuery UI，而不是CSS。我從來沒有與滑塊自己的問題，所以檢查以下內容：

你有滑塊的所有正確的依賴關係？（即核心，小工具和鼠標）
您是否已正確初始化滑塊？只是因爲沒有javascript錯誤並不意味着沒有jQuery UI錯誤。
你有沒有嘗試過最簡單的實現，並從那裏工作？ http://jqueryui.com/demos/slider/ 如果仍然不工作，然後告訴我們你的整個源（如JavaScript和HTML，其中包含滑塊的div），我們可以：

我的源代碼從jQuery UI的例子在這裏複製有更好的機會幫助你。

來源

2011-05-02 22:12:18 eyaka1

這是舊的，並回答了，但如果你有這個問題，'你可能只是做錯了'的接受答案可能不會有幫助。

什麼修復了這個問題對我來說在文件 - 我曾在控制檯得到404錯誤的[CSS DIR] /images/ui-bg_glass_75_e6e6e6_1x400.png和[CSS DIR] /圖像/ UI-bg_flat_75_ffffff_40x100圖像精靈被添加.png，但在我解決我認爲是風格問題之前，試圖讓滑塊實際滑動。

很明顯，這在某種意義上被接受的答案所涵蓋 - 但也許它會爲某人節省幾個小時的挫折。

來源

2014-06-16 18:46:56 stlawrence

這就是「你可能只是做錯了」的意思。 – Dementic 2014-08-13 09:55:09

不，這是一個具體的實例，它可能是錯誤的，其他人可以用它作爲理解錯誤的起點。這是這個網站的重點呢？否則，這個網站可能只對所有可能的問題有1個答案 - '你做錯了'。但是，謝謝你的寶貴意見。 – stlawrence 2015-10-23 23:41:41

隊友，如果你會使用'$（window）.load（）'你沒有問題。既然你沒有，你有你提到的問題。 – Dementic 2015-10-27 12:03:30

不能拖動jQuery UI滑塊

回答

相關問題