使用jQuery Mobile的“滑块”小部件的完整分步示例？

Question

我正在寻找一个完整的分步示例，介绍如何使用jQuery Mobile的slider窗口小部件，因为我在理解其工作原理时遇到了一些麻烦。

Answer 1

虽然我已经开发了10年的软件（C＃，C ++，Java，FORTRAN），但我对Web开发并不熟悉。我一直在努力学习如何使用HTML5，JavaScript，PHP，JQuery来构建应用程序。我想我还没有学到足够的术语来找到我需要的东西（至少不是很快）。无论如何，经过大量搜索，我发现下面的网站。我发现的大多数网站都能很好地向您展示如何包含和配置您的jquery移动元素。这是一个很好的网站：

http://brooky.cc/2011/04/23/jquery-mobile-cheat-sheet/ （另外，上一个答案中列出的那个是非常好的参考）

但是，一旦你的应用程序中有滑块（或其他元素），它们都没有解释该做什么。这是第一个实际向您展示如何 USE 滑块...这是我的主要问题。如何获取值并在我的应用程序中使用它们。这个例子真的帮助我理解这些东西是如何工作的。

http://jsfiddle.net/m4ZEL

以下是如何获取更改价值的示例。

$("#slider").change(function() {
   sVal = $(this).val();
}

希望它有所帮助。

Answer 2

好吧，我在http://jquerymobile.com/demos/1.1.0-rc.1/docs/forms/slider/上看到了几个工作滑块。如果文本不够清晰，您可以尝试查看代码......