c#, ASP.. NET /教程/不同按钮

本文关键字：按钮 教程 ASP NET | 更新日期: 2023-09-27 18:02:50

我遵循这个教程:

http://www.hongkiat.com/blog/css3-on-off-button/

我希望一切保持不变，除了我想改变:

   <section>  
    <a rel="external" href="#button" id="button">&#xF011;</a>  
    <span></span>  
   </section>

: 

<section>
            <asp:Button CssClass="button" id="Button3" runat="server" OnClick="Button3_Click" Text="&quot;'uf011;&quot;" />
            <span></span>
                </section>

因为添加按钮和编程更简单。一切正常，当我点击按钮的时候它不会变成白色，红点也不会变成绿色，我猜这是因为在教程中这个按钮被用作链接，如果我用visual studio添加它它不是链接，我能做什么呢我要把按钮样式设置成那样即使我用visual studio添加它

c#, ASP.. NET /教程/不同按钮

如果你想有一个超链接，你应该使用LinkButton元素。Button组件显示一个按钮元素。LinkButton呈现为带有一些额外属性的超链接。

<asp:LinkButton CssClass="button" id="Button3" runat="server" OnClick="Button3_Click" Text="&quot;'uf011;&quot;" />

您也可以尝试以下代码，以便为标准a标记提供代码隐藏功能。

<section>  
    <a rel="external" href="#button" id="button" runat="server">&#xF011;</a>  
    <span></span>  
</section>

另一个选择是使用HyperLink组件

<section>  
    <asp:HyperLink Text="&#xF011;" rel="external" href="#button" id="button" runat="server"></asp:HyperLink>  
    <span></span>  
</section>

应该注意锚的id属性。我的意思是，id属性加上MainContent_，如果您没有将其设置为仅显示您给出的值。

有两个选项:

  1. 将jQuery的选择器从$('#button')更改为$('#MainContent_button')
  2. 更改。net设置，以显示不添加MainContent_前缀的元素。
相关文章：