Question

我正试图在桌面上的网络浏览器中触发事件

$(window).trigger('resize');

问题出现在移动设备上似乎没有触发。移动设备有替代方法吗？

我正在使用tableaw插件进行网格。当屏幕尺寸较小时，列将不适合，因此将提供滑动以在它们之间移动。当我对它们进行排序时，所有列都会被挤压并显示在小屏幕上，但是在我触发resize事件后，插件中的一个事件将被调用以修复它们。在移动设备上，我认为这个事件并不存在，而且我没有针对这个方向。

Answer 1

此变体（JavaScript/JQuery: $(window).resize how to fire AFTER the resize is completed?）

这将在resize和orientchange上运行。

var waitForFinalEvent=function(){var b={};return function(c,d,a){a||(a="THISPAGE");b[a]&&clearTimeout(b[a]);b[a]=setTimeout(c,d)}}();
var fullDateString = new Date();

$(document).ready(function(){

   $.resized = function(){

    waitForFinalEvent(function(){
        //function to run

       }, 300, fullDateString.getTime())
    }

    window.addEventListener("orientationchange", function() {
        $.resized();
    });

    $(window).resize(function () {
        $.resized();
    });

    $.resized();

    });

Answer 2

window.dispatchEvent(new Event('resize'));

什么是＆＃39;调整大小＆＃39;在移动？

2 个答案: