2

我可以单击下方（不是上方）的任何元素，它会根据鼠标 X 轴发生变化。这似乎是 jQuery UI 的规范，至少可以这么说。

http://jsfiddle.net/devcurry_com/JSmWM/

    $('#musicVolume').slider({
             range: "min",
             min: 0,
             max: 100,

             change: function (event, ui) {
                 alert('Stopped at ' + ui.value);
             }
    });
4

1 回答 1

3

您不能div像在 HTML 中那样自关闭 s，因此解析器会简单地忽略/in<div />保持div打开状态，直到它强制关闭 thediv之前的</body>（或最近</div>或最近的正确关闭的 that 父级div）。

因此，在<div />被捕获并成为滑块小部件的一部分并在单击时激活它之后的所有内容，包括p显示所选值的元素。

注意：您也不能自行关闭p元素 - 您可以做的是隐藏 HTML 中可选的结束标记。但是，该功能对于您的用例来说并不是很理想。
其他注意事项：<p />是有效的标记，/语法糖和p元素不需要结束标记，但如果短语内容跟随它，它不会p像您期望的那样生成空元素。如果你想要一个空的，用 a 正确关闭它</p>p。

正确关闭您div的 s 和ps 将解决问题。小提琴

于 2012-12-29T03:04:49.153 回答