Question

我有一个包含列表项（链接）的页面，我需要能够从我的管理页面hide/show。

如果我按下管理页面中的按钮，它会隐藏在不同页面上的列表项目，如何使其工作？

<script type="text/javascript">
$(document).ready(function(){
    $("button").click(function(){
       $("a").css("display","none");
    });
});
</script>

上述代码仅用于隐藏同一页面上的元素。

Answer 1

我能想到的最好的（仅使用客户端脚本）

是在第一页上点击创建cookie，

并且在第二页中，当窗口失去它之后获得焦点（意味着用户离开页面选项卡并返回它），检查该cookie，如果已设置然后隐藏。或者如果你希望用户在进入时已经隐藏它，在窗口模糊开始检查直到窗口聚焦。

您可以使用jquery cookie plugin（或常规js）并执行此操作类似的东西：

$("button").click(function(){
     $.cookie('the_cookie', 'the_value', { expires: 1, path: '/' });
 });

在第2页：

$(window).focus(function(){
  if($.cookie('the_cookie') == "the_value"){
      $("a").hide();
      $.removeCookie('the_cookie'); // so i't won't happen again
  }
  else { //if it already was
      $("a").show();
  }
});

如何使用jquery在不同页面上使用按钮隐藏一个页面上的元素

1 个答案: