Question

对于滑块范围 - 在文档中拖动和mouseup / mouseleave时，我想调用我的Ajax请求。

说明：当我mousedown滑动我的滑块我想说isDown =“true”但它不起作用。

任何人都可以帮助我，让我知道如何实现这一目标。

// Default 
isDown = false

$("#slider-range").find('a').mousedown(function(){
    isDown=true;
    console.log(isDown); // It works here!
});

console.log(isDown); // It doesn't works here

if(isDown)
{
    $(document).onmouseup(function() {
        return setAjaxRequest();
        isDown = false;
    });
}

Answer 1

您需要在事件函数之外声明isDown以在这些函数之间共享它！试试这个：

$(document).ready(function() {

    var isDown = false;

    // On a mousedown on a slide link
    $("#slider-range").find('a').mousedown(function(){
        isDown = true;
    });

    // on MouseUp on the document
    $(document).one('mouseup', function() {
        if (isDown) {
            return setAjaxRequest();
            isDown = false;
        }
    });
});

Answer 2

这是最终的工作代码：

    $("#slider-range").find('a').mousedown(function(e){
        isDown=true;
        console.log(isDown);
            if(isDown)
            {
                $(document).one('mouseup',function(e) {
                        setAjaxRequest();
                        isDown = false;
                });
            }
            else
            {
                isDown = false;
            }
    });

在文档中拖动和mouseup / mouseleave时，我想调用我的Ajax请求

2 个答案: