Javascript JqueryUI滑块句柄卡在div边界上，且句柄未达到最大值

大家好，我是一个Jquery noob，我使用jqueryUI滑块，但滑块手柄总是在div边框（左侧）上卡住，单击滑块条后，它向前移动，但没有达到最大限制，并在两者之间卡住

检查快照来自浏览器（您可以看到滑块手柄），我已将所有代码放在fiddle上，但无法使JSFIDLE工作

滑块：
1.滑块手柄粘在div边框上。

---

2.滑块手柄不会向最大值移动，并在两者之间的某个值处移动。

第一个问题是您指定了

ui.values[0]

而不是

ui.value

，以获取值。第二个问题是

range:true

不是有效选项。我希望显示它按预期工作。

您的演示对我来说不起作用，看起来您没有为slider插件包含JavaScript。@cchana我已经包含了jqueryUI方法

。slider（）

，它将元素转换为slider检查图像和小提琴。我对如何使用JSFIDLE有点困惑，我还发布了有问题的代码。演示正常：-缺少jQuery UICSS@cchana感谢我更新了JSFIDLE，我刚才也解决了这个问题，但真正的问题是在问题中定义的如果我评论

范围

它仍然可以正常工作，那么范围是出于什么目的呢？我记得我遵循了JqueryUI文档中的

range:true

，它被用于

range slider

。感谢

Charanjit Chana

的帮助：）范围确实允许您在同一个滑块上选择两个值，实际上是一个范围。另一个用途是提供一个锚，这样你可以有一个最小->当前值增长或当前值->最大值收缩的可视化表示，请看Ok谢谢，好的，jquery内部工作有资源吗，我的意思是它制造了什么对象来执行所有的魔法，而不仅仅是如何盲目地使用它！