2010-06-02 139 views
0

與jQuery的滑塊UI以下問題:當你拖動手柄,即jQuery的滑塊UI的問題(「幻燈片」與「變」的事件。)

http://mayacove.com/dev/slider/slider2.html 滑塊只適用,當你拖動滑塊的div按預期方式顯示和隱藏(divs更改爲滑塊幻燈片..)但是:如果我單擊滑塊上的任意點而不是拖動,div將更改只有當我點擊div應該切換的精確點時,否則div不會切換..我該如何解決這個問題?

(使它更簡單的JS代碼在slider2.html ..)

非常感謝你..

回答

0

沒有在你的改變事件的任何代碼。我會推薦滑動和更改調用一個單獨的函數來處理事件,所以類似;

$slider.slider({ 
    slide: SlideChangeEvent, 
    change: SlideChangeEvent 
}); 

var SlideChangeEvent = function(e,ui){ 
    var currVal = Math.round((19500*ui.value)/100); 
     $("#points-value").html(format(currVal)); 
     for (i=0; i < intervals.length; i++) { 
      if (ui.value == intervals[i]) { 
       $("#points-value").html(format(intervalsPoints[i])); 
       $("#divs-to-show > div").hide(); 
       $("#divs-to-show > div").eq(i).show(); 
      } 
     } 
}; 

對不起,我還沒有測試它,雖然沒有理由不應該工作,雖然我不認爲。