我在实现rangelider小部件时遇到了问题，如jQuery mobile demo page中所示。但是，如果我复制完全相同的代码：
，那么它看起来很完美<form>
<div data-role="rangeslider">
<label for="range-1a">Rangeslider:</label>
<input type="range" name="range-1a" id="range-1a" min="0" max="100" value="40">
<label for="range-1b">Rangeslider:</label>
<input type="range" name="range-1b" id="range-1b" min="0" max="100" value="80">
</div>
</form>
输入框完全取代，如jsFiddle所示。
我做错了什么？为什么只插入与演示页面相同的滑块这么难？
答案 0 :(得分：1)
我不知道怎么回事，但不知怎的，我记得副本和版本可能存在问题。糊。但由于这很难找到，我将在这里提出问题，并为其他任何人提供工作解决方案：
从jQuery Mobile演示页面复制代码会为空格插入一些特殊的不可见字符，这会产生这种奇怪的行为。确保所有空格都是实际的空格（例如，在编辑器中查找和替换，或者自己编写代码）。
因此，使用顶部的代码片段确实有效，因为不包含奇怪的空格。
答案 1 :(得分：0)
我遇到了同样的问题，这确实是由于jQuery 查看源将空格转换为不间断空格（\uc2a0）
将这些unicode字符转换为标准空格可以解决问题
编辑这似乎只发生在Webkit浏览器上，Firefox会复制正确的字符