jquery - 使用 jquery 隐藏不起作用

Question

我正在尝试做这样的事情：

 <script type="text/javascript">
        $(document).ready(function () {
            var userType = '<%=Session["UserType"]%>';
            if (userType != "Admin") {
                alert("Inside If Block");
                $("#bodycontent").addClass("hide");
            }
            else {
            }
        });
    </script>

但是，正文内容并没有隐藏。我正在按原样获取页面..

请帮忙..

如果条件满意，我会尝试隐藏页面内容

Answer 1

您需要在 css 上定义您的类隐藏，例如：

.hide { display: none; }

或者干脆这样做：

 <script type="text/javascript">
        $(document).ready(function () {
            var userType = '<%=Session["UserType"]%>';
            if (userType != "Admin") {
                alert("Inside If Block");
                $("#bodycontent").hide();
            }
            else {
            }
        });
    </script>

Answer 2

代替

  $("#bodycontent").addClass("hide"); 

和

  ("#bodycontent").hide();

Answer 3

试试这个.....替换

        $("#bodycontent").addClass("hide");

和

        $("#bodycontent").attr("style","display:none");

...

<script type="text/javascript">
        $(document).ready(function () {
            var userType = '<%=Session["UserType"]%>';
            if (userType != "Admin") {
                alert("Inside If Block");
                $("#bodycontent").attr("style","display:none");
            }
            else {
            }
        });
    </script>