Question

我是jQuery的新手。我在页眉

中有以下a个链接

<div id="navigation">
    <ul>
        <li><a href="/home.html?sign=true">Home</a></li>
        <li><a href="/jobs.html">Tests</a></li>
        <li><a href="/vps.html">Jobs1</a></li>
        <li><a href="/ust.html">Jobs2</a></li>
        <li><a href="/sub.html">Subscription</a></li>                  
    </ul>
</div>

此标头包含在公共index.html.中。当sign in页面到达时，我正在使用此公共标头。我的问题是当用户尝试进入sign in页面时，他似乎也是home page链接。

我需要在登录页面中隐藏home page link和subscription link。如何隐藏这两个a元素？

Answer 1

您可以为视图创建视图模型类并将其指定给视图。您可以通过设置IsSignedIn属性true / false来将模型传递给您的视图。

public class MyViewModel
{
bool IsSignedIn{get;set;}
}

@model MyViewModel

<div id="navigation">
    <ul>
@if(Model.IsSignedIn)
{
        <li><a href="/home.html?sign=true">Home</a></li>
}
        <li><a href="/jobs.html">Tests</a></li>
        <li><a href="/vps.html">Jobs1</a></li>
        <li><a href="/ust.html">Jobs2</a></li>
@if(Model.IsSignedIn)
{
        <li><a href="/sub.html">Subscription</a></li>  
}                
    </ul>
</div>

Answer 2

如@Rory所提到的，你应该更喜欢它在服务器端。但是，如果您想在JQuery中执行此操作，请确保您的href具有唯一ID。假设您的Home链接的ID是'home'，那么您可以使用 <{1}}，同样$('#home').Hide()使其可见。

Answer 3

    Set id to that both home, subscription link and place the following jquery in the sign in page header.

    jquery
    ------------------------------------
    <script src="jquery.js"></script>

   <script>
    $(document).ready(function(e) {
        $("#link1,#link2").hide();
    });    
    </script>

    html:
    ---------------------------
    <div id="navigation">
        <ul>
            <li id="link1"><a href="/home.html?sign=true" >Home</a></li>
            <li><a href="/jobs.html">Tests</a></li>
            <li><a href="/vps.html">Jobs1</a></li>
            <li><a href="/ust.html">Jobs2</a></li>
            <li id="link2"><a href="/sub.html">Subscription</a></li>                  
        </ul>
    </div>

Answer 4

推荐：

<div id="navigation">
    <ul>
<?php if(isset($_SESSION)){
        <li><a href="/home.html?sign=true">Home</a></li>
} ?>
        <li><a href="/jobs.html">Tests</a></li>
        <li><a href="/vps.html">Jobs1</a></li>
        <li><a href="/ust.html">Jobs2</a></li>
<?php if(isset($_SESSION)){
        <li><a href="/sub.html">Subscription</a></li>  
} ?>                
    </ul>
</div>

完全没有推荐的配偶。这是通过jQuery（不推荐）如果您登录的是examplesite.com/loginpage

$(document).ready(function () {
    if(window.location.href.indexOf("loginpage") > -1) { //Checks if the url has loginpage string
       $('#navigation ul li:first').hide();
       $('#navigation ul li:last').hide();
    }
});

Answer 5

在客户端进行此操作并不是一个好习惯。您应该根据授权进行此操作。

虽然你可以在客户端这样做：

jQuery('#navigation ul li:first').hide();
jQuery('#navigation ul li:last').hide();

Answer 6

我的意思是我有签名用户名和其他的会话变量 details.so使用这个如何隐藏链接细节 - Sush

当您拥有会话变量时，可以使用相同的方法来隐藏链接。这可以使用if条件来实现。

仅当包含用户详细信息的会话变量不为空时，才显示链接。您可以使用脚本。

if(session.username>0)
{
<a href="/home.html?sign=true">Home</a>
<a href="/sub.html">Subscription</a>
}

这不是正确的语法。仅举例说明。

Answer 7

在您的登录页面添加一个新脚本，它应该按照脚本的顺序排在最后，以便它可以覆盖其他类似的脚本

<head>
 <script></script>
 <script></scrtipt>
 <script src="hide.js"></script>
</head>

现在编写代码以隐藏hide.js

中的链接

$(document).ready(function()
{
   $('#navigation ul').children('li').each(function()
   {
       if($(this).children('a').text()=='Home' || $(this).children('a').text()=='Subscriptions')
       {
          $(this).hide();
       }
   })
})

如果用户已登录，则隐藏href链接

7 个答案: