Question

在按钮上单击，将生成详细信息页面。点击它时我有一个href链接，它在页面中导航。但是在页面加载时应该只有按钮（在单击它主页面上生成）但是href链接也出现了。

我想在页面加载时应该只有一个按钮，点击它应该出现href链接。并且当单击另一个按钮时应该消失。

脚本：

$(document).ready(function () {
        $('#priorityC').hide();
        $('#perC').hide();
        });
    $('#btnAnalyse').click(function () {
        $('#priorityC').show();
        $('#perC').show();
    });

这是按钮：

<asp:ImageButton ID="btnAnalyse" runat="server" OnClick="btnAnalyse_Click"/>

这是我想要仅在点击上面的按钮时显示的href链接：

<a href="Homepage.aspx#perC">Hourly Detailed Priority Representation</a>
<a name="priorityPer">
<div id="perC" class="center">
<asp:Label ID="lblDPTC" runat="server" Text="Detailed Percentage     representation of Ticket Count" Visible="false"></asp:Label>
</div>
</a>

它隐藏在页面加载但未在按钮点击时显示。

Answer 1

您可以在div中编写href链接并使用Jquery，您可以隐藏并相应地显示div。

代码段

<script>
// On load hide the div
$(document).ready(function(){
  $('#MYDIV').hide();
};

// call this function on button click to show/hide the link
function showHideLink(buttonName)
{
  if(buttonName=='blah')
  {
    $('#MYDIV').hide();
  }
  else
  {
    $('#MYDIV').show();
  }
}
</script>

希望这有帮助。

Answer 2

<asp:ImageButton ID="btnAnalyse" runat="server" ImageUrl="image1.jpg" OnClick="btnAnalyse_Click"/>


<a href="Homepage.aspx#p" id="linkid" runat="server">Hourly Detailed Priority Representation</a>
<a name="priorityPer">
<div id="per" class="center">
<asp:Label ID="lblDPTC" runat="server" Text="Detailed Percentage     representation of Ticket Count" Visible="false"></asp:Label>
</div>
</a>

并在您的后端页面（codepage.cs）

 protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        linkid.Visible = false;
    }
}
protected void btnAnalyse_Click(object sender, ImageClickEventArgs e)
{
    if (linkid.Visible == false)
    {
        linkid.Visible = true;
    }
}

 protected void btnAnother_Click(object sender, EventArgs e)
    {
     linkid.Visible = false;
    }

Answer 3

test.aspx

<li class="nav-item">
   <a class="nav-link" id="AdminFaciliy" href="charts.html" runat="server">
   <i class="fas fa-fw fa-user">
</i>

text.aspx.cs

if (Utype.Trim().ToUpper()=="ADMIN"){               
  AdminFaciliy.Visible = true;
}

单击按钮显示/隐藏href链接

3 个答案: