jquery-ui - selectToUISlider 设置值不正确

Question

我有一个标准<select>..</select>我有一个由 selectToUISlider() 创建的 slider 的元素 问题是，当 slider 移动时，下拉列表中的选项不会改变。此外，它设置 selected="selected"当 slider 移动时，在每个元素上，以便在提交表单时模拟多个选择选项来发布多个值。

我花了很长时间试图弄清楚这一点，但没有成功。有人有什么想法吗？

Answer 1

在尝试实现您提到的类似功能时，我遇到了同样的问题。

问题是，每当移动 slider 时，它都会不断设置选择列表的“选定”属性，而不清除以前选择的项目。我添加了一个脚本来清除以前选择的选项，然后再将新选项设置为选定。

查找/搜索 jquery 脚本文件第 92 行(..ish)处的文本。

   //control original select menu
   var currSelect = jQuery('#' + thisHandle.attr('id').split('handle_')[1]);
   currSelect.find('option').eq(ui.value).attr('selected', 'selected');

并在两行之间插入此代码...

   currSelect.find('option[selected]').removeAttr('selected');

所以最终的代码应该是这样的......

   //control original select menu
   var currSelect = jQuery('#' + thisHandle.attr('id').split('handle_')[1]);
   currSelect.find('option[selected]').removeAttr('selected');
   currSelect.find('option').eq(ui.value).attr('selected', 'selected');

希望对您有帮助。 如有任何进一步问题，请随时提出。