javascript - 如何调用一个函数来重新加载另一个函数(例如在 "orientationchange()"上)？

Question

我想在移动方向发生变化时重新加载 js 函数(在 xyz.php 内)(在 orientationchange() 上)。

在“jquery-custom.js”中，我已经有了一个可以运行的 orientationchange() 函数:

$(window).on('orientationchange', function(e) {
     $(".loader-packery").show().delay(1000).fadeOut(1);
});

这是我想重新加载的“xyz.php”内的函数:

    function searchWidthMobile() {
        if (is_mobile) {
            var $mobile_search = $( ".mobile-header-inner .searchform" );
            if($mobile_search.length){
                $mobile_search.focusin(function() {
                    $(this).css({
                        'z-index':'2'
                    }).stop().animate({
                        'padding-left':'0px',
                        'padding-right':'0px'
                    }, 400);
                });

                if ($(document).width() > 380) {
                    $mobile_search.focusout(function() {
                    $(this).stop().animate({
                        'padding-left':'435px',
                        'padding-right':'77px'
                    },400);
                    setTimeout(function(){
                        $mobile_search.css({
                            'z-index':'0'
                        });
                    }, 400);
                });
                }
                else {
                    $mobile_search.focusout(function() {
                    $(this).stop().animate({
                        'padding-left':'235px',
                        'padding-right':'77px'
                    },400);
                    setTimeout(function(){
                        $mobile_search.css({
                            'z-index':'0'
                        });
                    }, 400);
                    });
                }

            }
        }
    }

    searchWidthMobile();
    //        $(window).resize(searchWidthMobile); 

xyz.php 中的函数有效。但正如您可以想象的那样，仅在加载或重新加载网站本身时。

如有任何帮助，我们将不胜感激:)

Answer 1

只需在设备方向改变时调用该函数即可:

$(window).on('orientationchange', function(e) {
    $(".loader-packery").show().delay(1000).fadeOut(1);
    searchWidthMobile();
});