Javascript 加载页面时无法隐藏脚本的节

我和我的朋友们正在努力解决这个问题。问题是类id调用z在页面加载时无法完全隐藏。它显示了z的一部分，但我们

预期z中的所有内容（包括z-it-self）在页面加载时都会被隐藏，我们希望按下按钮查看整个z类，但我们在这样做时遇到了问题，所以在看起来像这样的地方，我们如何才能做到这一点

我们不想让它看起来像现在这样

index.php

$（文档）.ready（函数（）{
变量z=$（'.z'）；
变量x=$（'#x'）；
var XHR=function（）{output=”“；
$.getJSON（“x.json”，函数（数据）{
$.each（data.shop、函数（索引、元素）{
for（元素中的var j）{
输出+=元素[j]+'
'；
}
});
x、 html（输出）；
});
};
$（“按钮”）。单击（函数（）{XHR（）；}）；
z、 show（）；
});
h1{
颜色：金色；
}
#x{
颜色：白色；
文本对齐：居中；
}
.z{
背景色：红色；
宽度：250px；
保证金：自动；
垫底：5px；
显示：无；
}
细节
点击

在当前代码中，加载页面时显示Z类，如果我没有误解，请尝试更改程序，以便：

$("button").click(function(){ XHR();});
z.show();

如此

或者，如果希望在加载后看到Z类：

  $(document).ready(function() {
  var z = $('.z');
  var x = $('#x');

  var XHR = function() { output = "";
  $.getJSON("x.json", function(data) {
    $.each(data.shop, function(index, element) {
        for (var j in element) {
          output += element[j] + '<br>';
        }
      });
      x.html(output);
      z.show(); // Show Z div!
   });
};
  $("button").click(function(){ XHR(); });
});

$（文档）.ready（函数（）{
变量z=$（'.z'）；
变量x=$（'#x'）；
var XHR=function（）{output=”“；
$.getJSON（“x.json”，函数（数据）{
$.each（data.shop、函数（索引、元素）{
for（元素中的var j）{
输出+=元素[j]+'
'；
}
});
x、 html（输出）；
z、 show（）；//show z div！
});
};
$（“按钮”）。单击（函数（）{XHR（）；}）；
});

在当前代码中，加载页面时显示Z类，如果我没有误解，请尝试更改程序，以便：

$("button").click(function(){ XHR();});
z.show();

如此

或者，如果希望在加载后看到Z类：

  $(document).ready(function() {
  var z = $('.z');
  var x = $('#x');

  var XHR = function() { output = "";
  $.getJSON("x.json", function(data) {
    $.each(data.shop, function(index, element) {
        for (var j in element) {
          output += element[j] + '<br>';
        }
      });
      x.html(output);
      z.show(); // Show Z div!
   });
};
  $("button").click(function(){ XHR(); });
});

$（文档）.ready（函数（）{
变量z=$（'.z'）；
变量x=$（'#x'）；
var XHR=function（）{output=”“；
$.getJSON（“x.json”，函数（数据）{
$.each（data.shop、函数（索引、元素）{
for（元素中的var j）{
输出+=元素[j]+'
'；
}
});
x、 html（输出）；
z、 show（）；//show z div！
});
};
$（“按钮”）。单击（函数（）{XHR（）；}）；
});

您的

z.show

应放置在按钮单击处理程序中。那应该能解决你的问题

即:

$("button").click(function(){ 
  XHR(); 
  z.show();
});

---

您的

z.show

应放置在按钮单击处理程序中。那应该能解决你的问题

即:

$("button").click(function(){ 
  XHR(); 
  z.show();
});

---

请避免使用缩写以提高易读性并填写a。请避免使用缩写以提高易读性并填写a。非常感谢Pinguto，您不知道您的解决方案受到了多大的赞赏。谢谢。非常感谢你，平古托，你不知道你的解决方案有多受欢迎。谢谢