Jquery 如果用户登录,则隐藏div

Jquery 如果用户登录,则隐藏div,jquery,Jquery,我正在使用Vanilla,如果用户已登录,我想隐藏一个div 一个编码员给了我这个代码 <script language="javascript"> jQuery(document).ready(function($) { if (gdn.definition('SignedIn', '0') != '0') { <div class="sp-container"> <p>blah blah blah</p> </div>

我正在使用Vanilla,如果用户已登录,我想隐藏一个div

一个编码员给了我这个代码

<script language="javascript">
 jQuery(document).ready(function($) {
 if (gdn.definition('SignedIn', '0') != '0') {
 <div class="sp-container">
   <p>blah blah blah</p>
 </div>
 }
 });
 </script>

但我不确定如何真正做到这一点。或者在哪里以及如何添加它。。。请帮忙


我只想做的是,如果用户已登录,则不显示div sp容器。

不确定这是否会像不知道的香草一样工作-但如果设置了以下属性,则这将工作:

<script type="text/javascript">
 jQuery(document).ready(function() {
    if (gdn.definition('SignedIn', '0') != '0') {
       jQuery(".sp-container").hide();
    }
 });
 </script>

jQuery(文档).ready(函数(){
if(gdn.definition('SignedIn','0')!='0'){
jQuery(“.sp container”).hide();
}
});
这将在DOM准备就绪后运行(函数
ready()
),并检查
gdn.definition
-如果不是“0”,它将用类“sp container”隐藏div-记住包括jQuery库

将第一行(隐藏)放在}之前);最后

如果他们没有登录,那么隐藏将找不到div,这也无所谓


另一方面,您可以完全删除整个内容,无论是否登录,都不会显示任何内容。

这并不完全是您所需要的,但非常接近。 在脚本标记中,可以位于文档的头部(在这种情况下需要document.ready),也可以位于页脚附近(很多人这样做,javascript会在页面加载之后加载)


//使用document.ready仅在页面完全加载后处理if语句
jQuery(文档).ready(函数(){
//如果用户已登录,则隐藏容器
if(gdn.definition('SignedIn','0')!='0'){
jQuery('div.sp-container').hide();
}
});
然后,您可以在页面中包含sp container div,如果您登录,它将被隐藏

还请注意,language=“javascript”已被弃用;type=“text/javascript”应在脚本标记中使用,除非您使用的是非常旧的文档标题


另外,如果您包含的唯一javascript库是jQuery,您可以简单地用“$”代替“jQuery”。(例如,$('div.sp-container').hide();)

等等-问题是什么?如果他们已登录,则隐藏它,除非他们已登录?
    $('.sp-container').css({'visibility':'hidden'});
<script type="text/javascript">
 jQuery(document).ready(function() {
    if (gdn.definition('SignedIn', '0') != '0') {
       jQuery(".sp-container").hide();
    }
 });
 </script>
<script type="text/javascript">
// use the document.ready to process the if statement only after the page completely loads
jQuery(document).ready(function(){
    // hide the container if the user is logged in
    if (gdn.definition('SignedIn', '0') != '0') {
         jQuery('div.sp-container').hide();
    }
});
</script>