jQuery滑块UI不滑动

时间:2012-11-03 20:11:17

标签: jquery jquery-ui

我正在使用jQuery滑块UI作为音频播放器中的滑块,只有当我为其设置变量时,滑动功能才起作用。

$('.body_container .slider').slider({

  value: 0,
  step: 0.01,
  orientation: "horizontal",
  range: "min",
  max: song.duration,
  animate: true,  

  slide: function(event,ui) {             
    manualSeek = true;
  },
  stop:function(event,ui) {
    manualSeek = false;         
    song.currentTime = ui.value;
  }
});

在萤火虫中它出现了错误closestHandle is undefined。来自jQuery UI文件的closestHandle

然而,当我在函数中没有设置任何选项并且只留下事件时它确实有用,但显然我需要设置选项;

$('.body_container .slider').slider({

  slide: function(event,ui) {             
    manualSeek = true;
  },
  stop:function(event,ui) {
    manualSeek = false;         
    song.currentTime = ui.value;
  }
});

2 个答案:

答案 0 :(得分:9)

有点晚了,但要确保song.duration是一个数字。您可以使用parseFloat()来确定。

答案 1 :(得分:1)

我认为song.duration没有定义。

尝试删除以下行:

max: song.duration,

或将其替换为:

max: 100,

如果是无效的song.duration,请尝试使用带有firebug的console.log(song.duration);来调试该变量中的内容。