【问题标题】:JqueryUI slider handle stuck on the div border and handle donot reaches max valueJquery UI滑块句柄卡在div边框上并且句柄未达到最大值
【发布时间】:2012-06-20 10:22:23
【问题描述】:

大家好,我是 Jquery 菜鸟,我正在使用 jqueryUI 滑块,但滑块手柄总是卡在 div 边框(左侧)上,单击滑块后它会向前移动,但没有达到最大限制并卡住介于两者之间。

检查 JsFiddle 快照来自浏览器(您可以在其中看到滑块句柄),我已将所有代码放在 fiddle 上,但无法使 jsFiddle 工作。


滑块:
1.滑块手柄粘在div边框上。
2. 滑块手柄不会向最大值移动,而是卡在中间的某个值上。

【问题讨论】:

  • 你的演示对我不起作用,看起来你没有包含滑块插件的 JavaScript。
  • @cchana 我已经包含了 jqueryUI 方法 .slider(),它将元素转换为滑块检查图像和小提琴。我对如何使用 jsfiddle 有点困惑,我也发布了有问题的代码。
  • 让演示工作:jsfiddle.net/cchana/QuFtg - 缺少 jQuery UI CSS
  • @cchana 好吧,感谢我更新了 jsfiddle,我刚才也修复了这个问题,但真正的问题在问题中定义

标签: javascript jquery html css jquery-ui


【解决方案1】:

第一个问题是你指定了ui.values[0]而不是ui.value来获取值。第二个问题是range: true 不是一个有效的选项。我updated the example with range: 'min' 表明它按预期工作。

【讨论】:

  • 好吧,如果我评论 range 它仍然可以正常工作,那么范围是什么目的?
  • 我记得我在 JqueryUI 文档中关注了range:true,它在range slider 中使用过。
  • 感谢Charanjit Chana 的帮助:)
  • range 确实允许您在同一个滑块上选择两个值,实际上是一个范围。另一种用途是提供锚点,以便您可以直观地表示最小->当前值增长或当前值->最大缩小,请参阅jqueryui.com/demos/slider/#rangemin
  • 好的,谢谢你,有没有关于 jquery 内部工作的资源,我的意思是它用什么对象来执行所有的魔法,而不仅仅是如何盲目地使用它!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-04-12
  • 2011-12-12
  • 2010-11-15
  • 1970-01-01
  • 2011-05-06
相关资源
最近更新 更多