Question

我在网站上使用这个jQuery

目的是在屏幕大小更改时重新加载页面。例如，用户在手机上以纵向模式查看它，然后切换到横向模式。

但我在网站上有一个页面，当屏幕调整大小时我不想重新加载。

Answer 1

有很多方法可以做到这一点，我认为最简单的方法是您可以在boolean对象上定义window变量，例如window.preventReload未设置为true除非在该特定窗口中，并且在jQuery代码中重新加载之前检查它，如下所示：

jQuery(document).ready(function($) {
    var windowWidth = jQuery(window).width();
    jQuery(window).resize(function(){
        if (window.preventReload !== true && jQuery(window).width() != windowWidth) {
              windowWidth = jQuery(window).width();
              location.reload();
        }
    });
});

Answer 2

试试这个：

这不会为特定页面重新加载。对于所有其他页面重新加载

function getPageName(url) {
    var index = url.lastIndexOf("/") + 1;
    var filenameWithExtension = url.substr(index);
    var filename = filenameWithExtension.split(".")[0]; // <-- added this line
    return filename;                                    // <-- added this line
}

jQuery(document).ready(function($) {
    var url = window.location.href;
    var pagename=getPageName(url);

    if(pagename!="pagenotreload.html"){
      var windowWidth = jQuery(window).width();
      jQuery(window).resize(function(){
        if (jQuery(window).width() != windowWidth) {
              windowWidth = jQuery(window).width();
                            location.reload();
        }
      });
    }
});

阻止页面仅从网站的一个页面重新加载jQuery

2 个答案: