ASP.NET link button doesn't work with jquery

Question

I have a jQuery plugin that is use for tabbing menu like this code:

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>

and the jQuery is:

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

also #facebook is a div

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

Edit : it's server-side event (C# code).

My problem is that onClick events don't work when I click on it

What's my problem ?

Edit 2 :

enter image description here

Edit 3:

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

and lastly $('#id_of_control').click(function() { }); will hook up client side event handling with jquery. — brumScouse
– brumScouse, Commented Apr 16, 2014 at 15:05
can you also add the output HTML probably it is rendering some layout tabs plugin does like.. — Onur Topal
– Onur Topal, Commented Apr 16, 2014 at 15:13

Dextere · Accepted Answer · 2014-04-16 15:10:51Z

1

Try this

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

answered Apr 16, 2014 at 15:10

Dextere

3111 gold badge4 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mohammad Olfatmiri Over a year ago

its a server side event

cinek · Accepted Answer · 2014-04-16 15:38:25Z

0

Since you are using serverside control you need to use client id:

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

answered Apr 16, 2014 at 15:38

cinek

1,9622 gold badges14 silver badges14 bronze badges

Comments

AB Vyas · Accepted Answer · 2014-04-17 04:33:52Z

0

Try this.

In your Linkbutton add one attribute causesvalidation

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

answered Apr 17, 2014 at 4:33

AB Vyas

2,3896 gold badges26 silver badges43 bronze badges

Collectives™ on Stack Overflow

ASP.NET link button doesn't work with jquery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related