ASP.NET链接按钮不适用于jquery

时间:2014-04-16 15:00:48

标签: c# javascript jquery asp.net

我有一个jQuery插件,用于标签菜单,如下代码:

div id="tabsWithStyle" class="style-tabs">
        <ul>
             <li>
                <asp:LinkButton ID="Tozih"  OnClick="Tozih_Click" href="#facebook"  runat="server"><div class="icon picasa-icon">توضیح</div></asp:LinkButton>
            </li>
                <li>
                <asp:LinkButton ID="books" OnClick="books_Click"     runat="server"><div class="icon picasa-icon">کتاب</div></asp:LinkButton>
            </li>
              <li>
                <asp:LinkButton ID="jozve" OnClick="jozve_Click"  href="#facebook"  runat="server"><div class="icon picasa-icon">جزوه</div></asp:LinkButton>
            </li>
</ul>

,jQuery是:

    <script type="text/javascript">
        $(function () {
            $('#tabsWithStyle').tabs();
        });
    </script>  

#facebook也是div

   <div id="facebook">
countent
</div>

编辑:它的服务器端事件(C#代码)。

我的问题是onClick个点击它时不起作用

我的问题是什么?

编辑2:

enter image description here

编辑3:

protected void books_Click(object sender, EventArgs e)
{
    Response.Redirect("NewsFeed.aspx");
}

3 个答案:

答案 0 :(得分:1)

试试这个

$("#Tozih").on("click", function(event){
alert("clicked on Tozih"); 
});

答案 1 :(得分:0)

由于您使用的是服务器端控件,因此需要使用客户端ID:

$('#<%= Tozih.ClientID %>').on('click', function(){
  //your code, 'this' is a clicked element
});

答案 2 :(得分:0)

试试这个。

在您的链接按钮中添加一个属性causevalidation

<asp:LinkButton ID="jozve" OnClick="jozve_Click" causesvalidation="false"  href="#facebook"  runat="server"><div class="icon picasa-icon">جزوه</div></asp:LinkButton>