2013-09-30 46 views
1

我使用的是jquery 1.8.2和jqueryui 1.8.2。 簡單的div。Jqueryui滑塊不工作 - 沒有錯誤拋出

<div id="slider"></div> 

和簡單的JS:

$("#slider").slider(); 

我能得到這個上的jsfiddle工作。

但在我的joomla項目中不起作用。

我懷疑多個jQuery實例。我檢查了F12-> console中的錯誤。沒有錯誤。

而且還是我的div只是停留像這樣:

<div id="slider"></div> 

沒有被添加到它。

如果從我執行的控制檯。 $("#slider").slider();仍然沒有任何反應。 如果我執行$("#slider").datepicker()日期選擇器很好地添加。

有沒有人見過這個?

+0

當你運行'$(「#slider」).slider();'? – Sergio

+0

你有一個活的鏈接? – Sergio

+0

是加載頁面。加載所有控件後,我去F12 - >控制檯,我運行$(「#slider」).slider();沒有改變原始的div標籤。並在控制檯上報告沒有錯誤。 –

回答

0

是的。之前發生在我身上。我記得,經過2個小時的研究和浪費時間,我發現jsfiddle自動使用jQuery UI.css,根本沒有提及它。 (有趣,但真)

簡單地添加到您的index.html:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> 
+0

Css文件已到位。仍然沒有工作。該div只是空的。 –

+0

哇!這是很好的技術支持。 – Blaise

0

好發現問題。正在使用一個artisteer模板,這個模板也在滑塊類中做了一些工作。所以這就阻止了jqueryui的工作。多謝你們。

只是想知道是否有更聰明的方法來找出另一塊js在同一個班上作用。