javascript - 与另一个 div 重叠时禁用 Div 上的 onclick/mousedown

Question

我有一个循环函数，可以在第 3 个 div 上滑动 2 个 div。可在此处找到工作示例:http://jsbin.com/OYebomEB/4/ .

主要功能:

    var elements = ['#pointsbarDiv', '#hotlink1Div', '#pointsbarDiv', '#hotlink2Div'];
    function hotlinks_loop(index) {
        $(elements[index]).css({top: -75, display: 'block'}).animate({top: '+0'}, 3000, function () {
            var $self = $(this);
            var currentInstance = this;
            setTimeout(function () {
                $self.animate({top: $(window).height()}, 3000);
                if(currentInstance.hotlinkStop !== true){
                    hotlinks_loop((index + 1) % elements.length);
                }
            }, 3000, currentInstance);
        });
    }
        hotlinks_loop(0); // start with the first element

我有一些代码可以在热链接 div 移动时禁用 onclick:

hotlink2BtnClick: function () {
    if ($("#hotlink2Div").css("top") === "0px") {
        //do stuff;
    } else {
        //do stuff;
    }
},

但是，对于固定的 pointsbarDiv，当热链接 div 在其上滑动时，我找不到禁用 onclick/mousedown 的解决方案。

我已经尝试了各种'If's like the following example:

if (($("#hotlink1Div").css("top") < "76px" && $("#hotlink1Div").css("bottom") < "150px") || ($("#hotlink1Div").css("top") > "-75px" &&     $("#hotlink1Div").css("bottom") < "75px")))...

我还想知道是否有方法可以在 div 在提供的主要功能内移动时禁用 onclick/mousedown。

我应该提到我是 javascript/jquery 的新手。

Answer 1

JQuery 事件函数传递一个事件对象 - 你可以在你的函数中接受它，并用它来停止传播:

hotlink2BtnClick: function (ev) {
    ev.stopPropagation();

http://api.jquery.com/event.stoppropagation/

此外，如果您将 js 示例放在 http://jsfiddle.net 上，然后我们可以 fork 它并将它返回给你修复。