如何在不触发另一个"slidechange"事件的情况下更改 "slidechange" 事件中 jquery 滑块的值



我已经陷入这个循环有一段时间了。基本上,我有一个滑块,当滑块值发生变化时,它会执行一些操作。我做的第一件事是做一个检查,如果检查没有通过,我需要重置滑块的值。但是重置滑块的值会改变它!所以我被卡住了。这是我的代码:

滑块:

    $(element).slider({
        min: 0,
        max: 10,
        step: 1,
        value: initialValue,
        animate: false,
        slide: _updateOnSlide,
        change: _performAction
    }); 
var _performAction = function(evt, ui){
    if (CT.travel.atLeastOneStepPresent()){
        var id = $(this).attr("id");
        _updateOnSlide(evt, ui);
        if (id != "travelTime"){//se è il tempo non aggiorno

            CT.makeQuery();
        }
        CT.timeline.update();
    }else{
        alert("you can't do this");
        $(this).slider("value", 0);
        _updateOnSlide(evt, ui);
    }
}

问题是$(this).slider("value", 0);触发了另一个更改事件!有人知道怎么解决这个问题吗?

我需要使用更改功能,因为我通过点击按钮而不是滑动来更改滑块的值。

EDIT-evt.originalEvent对我来说总是未定义的(如果我cosole.log,它就像这个console.log(evt.orionalEvent)),但出于某种奇怪的原因,如果我console.dir,我会看到它。但不幸的是,它并没有解决问题,我在这里添加了我的代码中更改滑块值的部分(对不起,我之前忘记了这么做)

            $('.plus').click(function(event){
                var sliderCurrentValue = $( this ).next().slider( "value" );
                $(this).next().slider( "value", sliderCurrentValue + 1 );
            });

正如您所看到的,该值是第一次以编程方式更改的,因此对evt.originalEvent的检查无论如何都是无用的。

编辑2-我已经找到了解决这个问题的方法,但我希望有更好的方法:

        alert("you can't do this");
                    //destroy the slider
        $(this).slider("destroy");
                    // recreate the slider
        _makeSelector(this);

我认为如果我只是删除绑定到"change"事件的函数并重置值,它也可以工作,但我希望有更好的方法!

检查是否存在evt.originalEvent

如果它在那里,则更改是由用户使用自己的控件启动的。如果不是,则表示程序启动了更改。

EDIT-最简单的解决方案可能是在重置滑块之前暂时.unbind() change处理程序,然后立即再次.bind

相关内容

  • 没有找到相关文章

最新更新