Question

在W3Schools之后，我尝试了以下操作来触发调整大小事件：

$(window).ready(function(){
    $(window).resize(function(){
        if($(".formEvent").length){ // If element exist
            addEventForm($("span.active")); // resize process
        }
    });
    console.log($(window).data("events"));
});

为什么他不会触发我的活动？

编辑：addEventForm可以正常工作，因为他会在点击时按时触发创建我的元素。

EDIT2：

这是addEventform函数：

function addEventForm(jour){
    if(!$(".formEvent").length){
        jour.closest("tr").after("<form class='formEvent'><div class='curseur'></div></form>");
    }

    var percent = jour.offset().left-jour.closest("tr").offset().left+parseInt(jour.css("margin-left").replace("px", ""))+ parseInt(jour.css("padding-left").replace("px", ""))+parseInt(jour.css("border-left-width").replace("px", ""));
    $(".formEvent .curseur").css({"top" : "-15px" , "left": percent+"px"});
    $(".formEvent").show()
}

Answer 1

我试图在你的resize函数中放入一个控制台日志，并按预期触发它。

$(window).ready(function(){
    $(window).resize(function(){
        console.log('check');
        if($(".formEvent").length){ // If element exist
            addEventForm($("span.active")); // resize process
        }
    });
    console.log($(window).data("events"));
});

http://codepen.io/anon/pen/PNLoRb?editors=1112

if语句中的某些内容必须中断。

Answer 2

我修好了。这真的很糟糕......

window.onresize = function(){
    if($(".formEvent").length){
        addEventForm($("span.active"));
    }
};

使用Javascript API，everithing工作正常。所以，让我们保持这一点。

不会触发Jquery .resize

EDIT2：

2 个答案: