角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

回答

相关问题