主页 / 问题 / 1221283
Accepted
WWW1981
Asked:2021-12-20 06:16:43 +0000 UTC2021-12-20 06:16:43 +0000 UTC

单击并刷新（作为发布请求的结果）代码块后添加/删除类？

  • 772
$(document).ready(function() {
  if ($('.poisk').click(function()){
    $(window).on('load', function() {
      $('.all').addClass('box-80');
      $('.all-all').removeClass('box-80');
    });
  });
});

最好实现类似这样的动作。当您单击搜索时，会发送一个发布请求并相应地更新页面。此时，如何删除/添加类？基本上，它是当您单击时，即 . k. 通过简单的页面刷新，脚本可以工作，但我没有这样的需要。提前感谢任何回复的人。

jquery

1 个回答

  1. Best Answer

    以你想要的形式 - 这是不可能的。当您提交表单时，页面和脚本将从内存中卸载并且脚本停止运行。当页面加载时，将执行一个新脚本，该脚本不知道您以前曾单击过任何内容。

    作为您的问题的解决方案，我可以建议您通过 localStorage 或 cookie 保存状态。

    $(document).ready(function() {
  $('.poisk').click(function(){
    localStorage.setItem('action','search');
  });
  if(localStorage.getItem('action') == 'search'){
    $('.all').addClass('box-80');
    $('.all-all').removeClass('box-80');
  }
  localStorage.setItem('action','');
});

    或者，如果你不喜欢它，你可以例如比较referrer：

    $(document).ready(function() {
  if(document.referrer == location.href){
    $('.all').addClass('box-80');
    $('.all-all').removeClass('box-80');
  }
});

    此选项并不总是有效，需要额外校准。

    首先，我会输出：

    console.log('referer=',document.referrer);
console.log('href=',location.href);
    • 2

相关问题