0

如 jQuery 移动演示页面中所示，我无法实现 rangeslider 小部件。但是，如果我复制完全相同的代码，它在那里看起来很完美：

<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 所示。

我做错了什么？为什么插入与演示页面中相同的滑块如此困难？

4

2 回答 2

1

我不知道怎么做，但不知何故我记得复制和粘贴可能有问题。但由于这很难找到，我将把问题留在这里，并提供可行的解决方案供其他人查找：

从 jQuery Mobile 演示页面复制代码会为空格插入一些特殊的不可见字符，这将产生这种奇怪的行为。确保所有空格都是实际的空格（例如，在编辑器中使用查找和替换或自己编写代码）。

因此，使用顶部的代码片段确实有效，因为不包括奇怪的空格。

于 2015-07-10T22:33:00.207 回答
0

我有同样的问题，这确实是由于 jQuery View 源将空格转换为不间断空格（\uc2a0）

将这些 un​​icode 字符转换为标准空格可以解决问题

编辑这似乎只发生在 Webkit 浏览器上，Firefox 复制了正确的字符

于 2016-02-04T11:07:17.753 回答