如何在jQuery Mobile / PhoneGap中获取滑块值？

Question

我在jQuery Mobile中获取滑块的值时遇到了麻烦。我希望能够获得滑块的值并将其提供给计算，这将计算成本和节省等。

我的代码适用于普通的HTML网站（下面的链接），但我试图让它在使用Jquery Mobile的PhoneGap应用程序中运行。 我实际上使用的是在GitHub上找到的jQuery Mobile的Flat UI版本（1.4.0），但我也尝试使用标准的1.4.2 jQuery Mobile JS和CSS，结果相同。

在应用程序中，我的标题如下所示：

<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.mobile.flatui.min.css" />
<link rel="stylesheet" href="fa/css/font-awesome.min.css">
<script src="js/jquery.js"></script>
<script src="js/jquery.mobile-1.4.0-rc.1.js"></script>
<script src="cordova.js"></script>

我已经通过代码并将其缩小到jQuery Mobile JS文件和CSS文件中的问题：

• 如果我删除JQM JS文件并保留CSS文件它可以正常工作，但显然应用程序中没有任何功能或样式。
• 如果我删除JQM CSS文件并保留JS文件它可以正常工作，但应用程序或滑块上没有样式（显示为数字输入）。
• 如果我删除这两个文件它可以正常工作，但不经意的是没有留下JQM！

这个JSFiddle是计算器的近似副本： http://jsfiddle.net/tooze/H6FhD/

您可以在此处查看此计算器的可用网络版：http://bit.ly/1lsUz8a

我的代码中是否写错了？或者JQM文件中是否存在冲突？

提前谢谢