Javascript jQuery在刷新时显示隐藏内容

我在我的网站上使用了这个漂亮的jQuery小开关，效果很好。但是现在我想隐藏一个更大的文本区域，因此我将其包含在另一个php文件中，但是当站点打开\刷新时，内容会短暂显示然后隐藏？我是否做错了什么事情，或者它只是在包含内容的情况下无法正常工作

<a href="#" id="toggleMe">Show me?</a>
                <div class="content">
                    <?php include 'includes/test.php'?>
                     </div>
                     <script>
                         jQuery(document).ready(function() {
                         var par = jQuery('.content');
                            jQuery(par).hide();
                         });
                        jQuery('#toggleMe').click(function() { 
                        jQuery('.content').slideToggle('fast');
                     return false;
                     });
                     </script>

jQuery（文档）.ready（函数（）{
var PAR＝jQuery（‘内容’）；
jQuery（par.hide（）；
});
jQuery（'#toggleMe'）。单击（函数（）{
jQuery（'.content'）.slideToggle（'fast'）；
返回false；
});

这将发生。在ready处理程序中执行代码之前，该文档简要显示了所有HTML。（它与PHP include无关。）如果希望在页面加载时隐藏元素，请使用CSS隐藏它

#myElement {
    display: none;
}

---

切换应仍能正常工作。

这将发生。在ready处理程序中执行代码之前，该文档简要显示了所有HTML。（它与PHP include无关。）如果希望在页面加载时隐藏元素，请使用CSS隐藏它

#myElement {
    display: none;
}

---

切换应该仍然可以正常工作。

您只需要不使用jquery document ready函数。只需使用样式属性

  <a href="#" id="toggleMe">Show me?</a>

  <div class="content" style="display:none">
        <?php include 'includes/test.php'?>
  </div>
                     <script>
                         jQuery(document).ready(function() {

                            jQuery('#toggleMe').click(function() { 
                            jQuery('.content').slideToggle('fast');
                            return false;
                         });
                     </script>

jQuery（文档）.ready（函数（）{
jQuery（'#toggleMe'）。单击（函数（）{
jQuery（'.content'）.slideToggle（'fast'）；
返回false；
});

您只需要不使用jquery document ready函数，而使用style属性即可

  <a href="#" id="toggleMe">Show me?</a>

  <div class="content" style="display:none">
        <?php include 'includes/test.php'?>
  </div>
                     <script>
                         jQuery(document).ready(function() {

                            jQuery('#toggleMe').click(function() { 
                            jQuery('.content').slideToggle('fast');
                            return false;
                         });
                     </script>

jQuery（文档）.ready（函数（）{
jQuery（'#toggleMe'）。单击（函数（）{
jQuery（'.content'）.slideToggle（'fast'）；
返回false；
});

您正在使用“ready”功能，这意味着它将在文档准备就绪（完全加载）时隐藏元素。 您可以使用css将其隐藏：

.contnet { display: none; }

您正在使用“ready”函数，这意味着它将在文档准备就绪（完全加载）时隐藏元素。 您可以使用css将其隐藏：

.contnet { display: none; }

---

您如何呈现站点服务器端并不影响站点在浏览器上的加载方式，影响它的是特定浏览器选择如何加载javascript和html，我建议您使用css将元素设置为隐藏，因为这是在其他任何操作之前应用的。并且保持代码不变，因为切换无论如何都会起作用

您如何呈现站点服务器端并不影响站点在浏览器上的加载方式，影响它的是特定浏览器选择如何加载javascript和html，我建议您使用css将元素设置为隐藏，因为这是在其他任何操作之前应用的。并且保持代码不变，因为切换无论如何都会起作用

使用

css

将其隐藏

.content{
    display:none;
}

也

是一个

jQuery

对象，因此不需要将其再次包装为

jQuery(par).hide();

---

只需使用

par.hide（）；

但是在这种情况下，当您将使用

css

隐藏元素时，您就不再需要它了。

使用

css

隐藏它

.content{
    display:none;
}

也

是一个

jQuery

对象，因此不需要将其再次包装为

jQuery(par).hide();

---

只需使用

par.hide（）；

但是在这种情况下，当您使用

css

隐藏元素时，您就不再需要它了。

如果此信息是敏感的/在未授予访问权限的情况下不应该被看到，那么用css隐藏它将无法解决您的问题。如果不是，您可以忽略所有这一切，只需将css与display:none属性一起使用即可

如果信息被认为是隐藏的：

---

您只需要按需加载文件本身。您可以使用AJAX请求数据，执行$（'.content'）.html（）或.append（）命令并使用类似JSON的东西将结果直接从服务器发送回浏览器。

如果此信息敏感/不应在未授予访问权限的情况下查看，则使用CSS隐藏它不会解决问题。如果不是，则可以忽略所有这些，只需将CSS与display:none属性一起使用即可

如果信息被认为是隐藏的：

---

您只需按需加载文件本身。您可以使用AJAX请求数据，执行$（'.content'）.html（）或.append（），并使用类似JSON的内容将结果直接从服务器发送回浏览器。

您还可以稍微清理代码

   <script>
     $(document).ready(function(){
        $('.content').hide(); 
        $('#toggleMe').click(function(){ 
            $('.content').slideToggle('fast');
        });
     });
    </script>

$（文档）.ready（函数（）{
$（'.content'）.hide（）；
$（'#toggleMe'）。单击（函数（）{
$（'.content'）.slideToggle（'fast'）；
});
});

您还可以稍微清理一下代码

   <script>
     $(document).ready(function(){
        $('.content').hide(); 
        $('#toggleMe').click(function(){ 
            $('.content').slideToggle('fast');
        });
     });
    </script>

$（文档）.ready（函数（）{
$（'.content'）.hide（）；
$（'#toggleMe'）。单击（函数（）{
$（'.content'）.slideToggle（'fast'）；
});
});

不确定您问了什么，但作为文档就绪处理程序中的备用处理程序，您不需要

par

变量，只要

jQuery（'.content'）.hide（）；

（或

par.hide（）

；如果脚本位于元素之后，则不要再次将

par

传递给

jQuery（）

函数）它操纵你不需要准备好文档。使用CSS。

.content{display:none}

你知道什么是

jQuery（文档）.ready

是否…？它将等待整个文档（包括所有外部资源）完成加载。但是，由于您将脚本元素嵌入到它应该处理的元素之后，因此需要执行此操作