如果宽度可以除以特定宽度

时间:2014-02-21 11:02:59

标签: jquery html css

我对我想要除以数字90的元素的宽度有疑问 如果这个宽度是这个元素的90倍设置宽度,如果没有转到下一个。

例如,当窗口宽度为1000px时 元素是全宽100%(让我们称之为(EW =元素宽度) 如果EW可以除以90就可以了,所以1000/90 = 11,1(1) 我们让窗户变小了 我们来990/90 = 10,没关系

此处示例CODEPEN

当你慢慢地调整大小时它会起作用,但是当你快速地调整它时它会丢失。

          var windowWidth = $(window).width(),
            widthNumber = windowWidth / 90;

            $("#EW").css({
                width: windowWidth
            });


            if(widthNumber % 1 != 0){
                console.log("dont change")

            } else {

                console.log("change")
            }

有人知道如何解决这个问题吗?

1 个答案:

答案 0 :(得分:1)

来自jQuery resize docs:

  

调整大小处理程序中的代码绝不应该依赖于调用处理程序的次数。根据实施情况,调整大小事件可以在调整大小正在进行时连续发送(在Internet Explorer和基于WebKit的浏览器(如Safari和Chrome)中的典型行为),或者仅在调整大小操作结束时发送一次(典型行为在其他一些浏览器,如Opera)。

这就是快速调整窗口大小时未调用方法的原因