我想重新加载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中的函数有效。但正如您可以想象的那样,只有加载或重新加载网站本身。
任何帮助将不胜感激:)
答案 0 :(得分:1)
只需在设备方向改变时调用该功能:
$(window).on('orientationchange', function(e) {
$(".loader-packery").show().delay(1000).fadeOut(1);
searchWidthMobile();
});