【问题标题】:How to use JQuery Slider control without loading JQuery?如何在不加载 JQuery 的情况下使用 JQuery Slider 控件?
【发布时间】:2011-03-13 00:58:36
【问题描述】:

我想使用一个类似于JQuery dual Slider 的双滑块(范围)HTML 控件,而不必为了使用它而加载一个巨大的 JavaScript 框架。

是否存在这样的双滑块控件,即重量轻(文件大小)并且不需要我加载任何 JavaScript 框架?

【问题讨论】:

  • 在这个线程中查看答案:stackoverflow.com/questions/877530/…
  • 我不认为 jquery 很大。很多网站都利用了 Javascript 库(或框架 ^_^),你也应该这样做。那是我的两分钱...我会拿 -1 吗?
  • jquery 不大,可能已经被用户从 google 下载:encosia.com/2008/12/10/…
  • @iKnowKungFoo,该链接问题的所有答案都是针对使用 JS 框架的。所以这对我没有帮助。不过谢谢
  • @TeddyR:Freyday 的答案没有使用任何“额外”框架。

标签: javascript jquery slider range


【解决方案1】:

最近的是新的HTML5<input type="range">,看起来像这样(在Chrome中):


(来源:webhole.net)

但您是否支持这取决于网络浏览器的品牌/版本。否则它将呈现为简单的<input type="text">。

要获得双滑块并以最少的自己的努力实现最佳的跨浏览器兼容性,您几乎无法绕过 jQuery。如果您主要担心下载 JS 文件的额外费用,请考虑使用public CDN host 来获取常用脚本。

【讨论】:

  • 就像您提到的那样-您的答案是针对单个滑块,而不是我正在寻找的双滑块/范围。所以你的回答没有帮助。
  • 这就是我说“最接近”的原因 :) 您也可以将其解释为“我没有看到其他替代方案或更好的方法”。
【解决方案2】:

最简单的解决方案可能是使用 jQuery 和闭包编译器。我相信闭包编译器实际上会删除未使用的代码。我从来没有真正尝试过这个,所以 YMMV。

【讨论】:

  • 什么是“闭包编译器”?你的意思是谷歌关闭?如果是这样,它如何评估我的 HTML 代码以检查我正在加载/未加载的 JQuery 组件?
  • 我的意思是谷歌的闭包编译器code.google.com/closure/compiler。至于它是如何做到的,它会查看您的代码以查看使用的内容和未使用的内容,并删除未使用的内容。我真的无法给出比这更好的描述,因为我没有深入研究它。
【解决方案3】:

您最简单的答案是使用解释性语言、服务器端构造或框架。您要求的解决方案别无选择。您要求 html 做一些本机不打算做的事情。您还要求浏览器支持它们本身不支持的功能,而无需内置编译、解释和数学服务。

您最好的选择是从 google 链接到 jquery 对象(@ 大约 52kbps),您不需要很多用户。唯一的其他选择是使用 Flash,这是两倍的问题和 1/2 的乐趣。

【讨论】:

    猜你喜欢
    • 2016-02-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-01-08
    • 2016-05-15
    • 2012-11-27
    • 2013-09-14
    • 1970-01-01
    相关资源
    最近更新 更多