Question

我试图在滚动事件上重新加载页面，条件适用于其他方法但不适用于window.location.reload()

为什么这不按预期运作？

var $searchBox = $('#searchBox');
var $the = $(window);
$the.on('resize', function() {
   if($searchBox.is(':focus')) {
      if($the.width() > 940) {
         window.location.reload(true);

      };
   }
});

Answer 1

我没有50个声誉，所以我必须使用答案字段。

我在这里上传了代码：jsfiddle

HTML：

<input type="text" id="searchBox" />

CSS：

#searchBox {
    width: 100%;
}

#searchBox:focus {
    background: #000;
}

的JavaScript

var $searchBox = $('#searchBox');
var $the = $(window);
$the.on('resize', function() {
   if($searchBox.is(':focus')) {
      if($the.width() > 940) {
         // alert('page will be reloading');
         window.location.reload(true);

      };
   }
});

如果您将输入框对焦，然后将左边框拉到左侧，那么您的代码工作正常，那么您的页面大于940px。不会有循环，因为必须集中该字段。

如何在滚动事件上重新加载页面？

1 个答案: