【问题标题】:Paging sliders without using jquery UI不使用 jquery UI 的分页滑块
【发布时间】:2012-07-05 01:01:45
【问题描述】:

我想建立一个像本站底部http://www.dirty.ru/这样的分页系统。

问题是,我不想使用任何 UI。有可能吗?有没有人给我举个例子?

【问题讨论】:

  • 不想使用任何“UI”是什么意思?你不想使用javascript?您使用的是什么服务器技术? JSP、ASP.Net、PHP、Ruby on Rails 等
  • 我正在使用 JSP。我的术语低于 jquery 和 javascript 的标准。我不想使用任何库来实现类似的东西。

标签: pagination


【解决方案1】:

看看HTML5 input type="range"http://webhole.net/2010/04/24/html-5-slider-input-tutorial/ 如果您使用的是 Google Chrome,您会看到它的样子...

但由于并非所有浏览器都支持这一点,您可能会考虑将div 的边框设置为 1px,在单独的元素中添加图标或其他任何内容,然后让 jquery 完成工作...

突然想到,快速浏览一下他们的代码,我认为他们就是这样做的......
页码的范围,我相信,他们已经放入了一个更宽的 div 并防止了换行符,设置为overflow:hidden;。然后用jquery之类的东西来移动内容...

【讨论】:

  • 这是完美的......但我需要它在 IE 7、8、9 和 Firefox 中工作。你能解释一下带有边框的 div 吗?
  • 我找到了这个refreshless.com/nouislider,但不是 100% 确定如何实现它。虽然玩弄它。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-06-20
  • 2011-11-04
  • 1970-01-01
  • 1970-01-01
  • 2012-08-26
  • 1970-01-01
  • 2013-09-21
相关资源
最近更新 更多