javascript - 退出 jquery 中的函数

Question

我使用可拖动用户界面创建了一个可拖动项目。现在，当拖动特定元素时，我想触发一个函数 startSwipe()。直到这里一切顺利...但是在我停止拖动后，该函数保持事件状态，每次我再次悬停该元素时，该函数都会再次触发。

我做了一些研究，并遇到了这个问题How can I exit from a javascript function?

但我很难在我的东西中实现它。

代码如下:

function startDragging() {

    var $calendar = $(".calendar-tasks");

    $("li.allowed-to-drag", $calendar).draggable({

        revert: "invalid",
        helper: function (event, ui) {

            return $("<div class='task-image' style='z-index: 10000;'><span class='icon-pushpin'></span></div>").appendTo("body");

        },
        cursorAt: { left: 25 },
        zIndex: 100,
        start: function (event) {

            $(".previous-week a, .next-week a, .previous-month a, .next-month a").addClass("swipeable");

            startSwipe();

        },
        stop: function (event) {

            $(".previous-week a, .next-week a, .previous-month a, .next-month a").removeClass("swipeable");

            stopSwipe(); // A test if this would work...

        }

    });

}

function startSwipe() {

    $(".previous-week a, .next-week a, .previous-month a, .next-month a").mouseover(function(){

        console.log("hovered");

    });

    return;

}

function stopSwipe() {

    return;

}

非常感谢任何帮助。

jsFiddle:https://jsfiddle.net/amvk45nh/2/

Answer 1

在 startSwipe() 函数上，您正在绑定(bind)一个事件，因此当您希望它停止时应该取消绑定(bind)它。你可以试试这个:

function stopSwipe() {

    $(".previous-week a, .next-week a, .previous-month a, .next-month a").unbind('mouseover');

}