首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >不会触发Jquery .resize

不会触发Jquery .resize
EN

Stack Overflow用户
提问于 2016-05-10 10:18:37
回答 2查看 29关注 0票数 1

在W3Schools之后,我尝试了以下操作来触发一个调整大小的事件:

代码语言:javascript
复制
$(window).ready(function(){
    $(window).resize(function(){
        if($(".formEvent").length){ // If element exist
            addEventForm($("span.active")); // resize process
        }
    });
    console.log($(window).data("events"));
});

他为什么不触发我的事件?

编辑: addEventForm工作,因为当单击时,他会被触发来创建my元素。

EDIT2:

下面是addEventform函数:

代码语言:javascript
复制
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()
}
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-05-10 12:28:54

我纠正了我的错误。真的很模糊..。

代码语言:javascript
复制
window.onresize = function(){
    if($(".formEvent").length){
        addEventForm($("span.active"));
    }
};

使用Javascript,一切都很好。所以我们留着这个吧。

票数 0
EN

Stack Overflow用户

发布于 2016-05-10 10:30:21

我试图将控制台日志放入您的调整大小函数中,并按预期触发。

代码语言:javascript
复制
$(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语句里面一定有东西坏了。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37135604

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档