Javascript 在页面加载时隐藏div类

你好，我有一个注册表格，它是可见的，我试图隐藏它时，页面加载。所以我做的是把整个表单放在一个名为signup的div类中，然后用脚本代码隐藏它

更新： html

即使“隐藏/显示”似乎有效，但如果单击该窗体，它也会隐藏。这是一个问题，因为如果无法键入/单击表单，任何人都无法注册。 发行固定

---

这是codepen live版本：

您正在寻找id注册的div，但这是类名

$(function() {
  $(".signup").hide();
});

将在页面加载时隐藏注册div

然后可以使用$.signup.toggle；在按钮上单击事件

如果你把这些结合起来，例如

$(function() {
  $(".signup").hide();

  $(".button").click(function() {
    $(".signup").toggle();
  });
});

---

然后该按钮将正确显示注册块，并在页面加载时将其隐藏。

您正在查找id为signup的div，但这是类名

$(function() {
  $(".signup").hide();
});

将在页面加载时隐藏注册div

然后可以使用$.signup.toggle；在按钮上单击事件

如果你把这些结合起来，例如

$(function() {
  $(".signup").hide();

  $(".button").click(function() {
    $(".signup").toggle();
  });
});

---

然后该按钮正确显示注册块，并在页面加载时将其隐藏。

以下是jQuery，用于在页面加载时更改CSS：

$('.signup').css({
  'display': 'none'
});

---

以下是更改页面加载时CSS的jQuery：

$('.signup').css({
  'display': 'none'
});

---

隐藏注册Div，但尝试恢复模式Div

这项工作：

$('.button').click(function(){
      $('#signup').css('display','block');
      $('.modal-bg').fadeIn();
});

    $('#close').click(function(){
          $('.modal-bg').fadeOut();     
          $('#signup').toggle();
      return false;
    });

---

隐藏注册Div，但尝试恢复模式Div

这项工作：

$('.button').click(function(){
      $('#signup').css('display','block');
      $('.modal-bg').fadeIn();
});

    $('#close').click(function(){
          $('.modal-bg').fadeOut();     
          $('#signup').toggle();
      return false;
    });

---

你根本不需要注册部门-我认为这会使事情复杂化。只需开始隐藏模式背景，以便在按钮之前单击“代码”添加以下内容：

$('.modal-bg').css('display','none');       

更新

要在页面加载时阻止表单显示，我将添加一个js div：

在您的身体打开标签后：

<script>
   document.write('<div class="js">');
</script>

然后你可以删除上面的js来隐藏模式，就像现在css中的模式一样

---

你根本不需要注册部门-我认为这会使事情复杂化。只需开始隐藏模式背景，以便在按钮之前单击“代码”添加以下内容：

$('.modal-bg').css('display','none');       

更新

要在页面加载时阻止表单显示，我将添加一个js div：

在您的身体打开标签后：

<script>
   document.write('<div class="js">');
</script>

然后你可以删除上面的js来隐藏模式，就像现在css中的模式一样

第一种方法CSS-

第二种方法jQuery-

第一种方法CSS-

第二种方法jQuery-

---

看起来你已经在你的代码笔粘贴中找到了？那代码和你的帖子不一样

无论如何，在登录对话框中有3层div： 注册>模式背景>模式

因此，如果您想在加载页面后隐藏注册：

$(function() {
  $("#signup").hide();
});

然后，您还需要在按钮事件中显示/隐藏注册

.modal bg和modal是注册的子元素，因此如果您保持注册处于隐藏状态，.modal bg和modal将始终处于隐藏状态，无论您对它们执行什么操作

---

顺便说一句，我建议您使用FireBug或chrome/IE/FIrefox中的通用开发工具hit F12来检查HTML元素并检查出了什么问题，至少这就是我在代码中发现问题的原因。

看起来您已经在代码笔粘贴中解决了这个问题？那代码和你的帖子不一样

无论如何，在登录对话框中有3层div： 注册>模式背景>模式

因此，如果您想在加载页面后隐藏注册：

$(function() {
  $("#signup").hide();
});

然后，您还需要在按钮事件中显示/隐藏注册

.modal bg和modal是注册的子元素，因此如果您保持注册处于隐藏状态，.modal bg和modal将始终处于隐藏状态，无论您对它们执行什么操作

---

顺便说一句，我建议您使用FireBug或chrome/IE/FIrefox中的通用开发工具hit F12来检查HTML元素并检查出了什么问题，至少这就是我在代码中发现问题的原因。

如果您想在加载时执行此操作，为什么不使用CSS呢。注册{display:none；}@LShetty，不这样做的一个原因是，如果禁用了js，表单将永远不会显示。js被启用，就像我删除了任何隐藏代码一样，然后表单显示在页面加载上，如果单击“关闭”按钮，表单将关闭button@Pete当然，我没有想到：。注册{display:none；}-我在问这个问题之前已经这么做了。如果你想在加载时这样做，为什么不使用CSS呢。注册{display:none；}@LShetty，不这样做的一个原因是，如果禁用了js，表单将永远不会显示。js被启用，就像我删除了任何隐藏代码一样，然后表单显示在页面加载上，如果单击“关闭”按钮，表单将关闭button@Pete当然，我没有想到：。注册{display:none；}-我在问你之前就已经这么做了，也没用。我已经试过了。它确实永久隐藏了div类。所以，如果我点击按钮，它不会显示所有的表单，我已经尝试过了。它确实永久隐藏了div类。因此，如果我点击按钮，它不会在all@Ricky：这是一个正在运行的代码@Ricky：这是一个正在运行的代码，它似乎正在运行，我只需要检查chrome中的一个小问题，就像我重新加载

---

电子页面表单在隐藏之前只显示了几分之一秒。就是这样！！：谢谢这也解决了chrome的问题。我也会查看其他浏览器，以防万一。酷，很高兴我能帮上忙！抱歉，这是我在摆弄你的jQuery，现在试试更新的代码笔。或者，如果您希望能够单击背景以关闭模式：LOL:ok。。。。。ps：最新的带有点击背景功能的codepen是最好的：……它似乎可以工作。我只需要检查chrome中的一个小问题，因为当我重新加载页面时，表单在隐藏之前只显示了几分之一秒。就是这样！！：谢谢这也解决了chrome的问题。我也会查看其他浏览器，以防万一。酷，很高兴我能帮上忙！抱歉，这是我在摆弄你的jQuery，现在试试更新的代码笔。或者，如果您希望能够单击背景以关闭模式：LOL:ok。。。。。ps：最新的带有点击背景功能的codepen是最好的：…是的，我找到了我的答案，但是谢谢你的评论。我将所有这些作为今后类似项目的参考：是的，我找到了我的答案，但谢谢你的评论。我将把所有这些作为今后类似项目的参考：