角UI滑塊

我試圖用角UI滑塊從這裏：https://github.com/angular-ui/ui-slider

我已經包括了jQuery，jQuery的UI和角文件。我還包括了css文件。

但滑塊沒有得到顯示在頁面上..

任何人有任何線索，我在這裏失蹤？

這裏是一個plunkr：

http://plnkr.co/edit/w5aQ61wAoP8bbAcAfR5F?p=preview

來源

2013-10-08 runtimeZero

Downvote：Plunkr鏈接是空的。 – LJNielsenDk

移動了jQuery的AngularJS腳本下方。

<script data-require="[email protected]*" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script> 
<script data-require="[email protected]*" data-semver="1.10.0" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/jquery-ui.js"></script> 
<script data-require="[email protected]" src="http://code.angularjs.org/1.1.4/angular.js"></script>

plnkr

你包括你的腳本的順序使用jQuery與AngularJS時很重要。

的FAQ是不完全清楚

角是否使用jQuery庫？

是的，Angular可以使用jQuery，如果它存在於您的應用程序中，那麼應用程序正在引導。如果腳本路徑中沒有jQuery，則Angular會回到它自己實現的我們稱之爲jQLite的jQuery子集。

翻譯基本上是，如果你有角加載之前包含jQuery將使用該版本。否則它將回退到jQlite並忽略其他任何後來的。

來源

2013-10-08 17:18:20 Diver

有沒有其他想法？我遇到了類似的問題，但是按上面建議的順序包含我的包含。 – Paul

如果您無法更改腳本的順序（例如，由於構建過程），您可以在指令中修復此問題。 elm變量包含一個jquery-lite對象，而功能齊全的jquery可用作$。所以，你可以簡單地「升級」榆樹：

elm = $(elm)

從此，榆樹有滑塊（）方法。

此外，不要忘記包含滑塊的樣式，否則它將被隱藏。

來源

2015-04-06 22:26:28

您可能錯過了對應用程序聲明的模塊依賴關係？

請確保您有：

var app = angular.module('myApp', ['ui.slider']);

來源

2015-04-12 20:45:25

回答

相關問題