add active class to current hyperlink using asp.net c#

Question

I'm trying to show which link is current active using j query in aspx web form.
first I generated all hyperlinks from my db to gallery.aspx by this function from behind code:

public string build_Gallery_Category()
{
    string post = "";
    DataTable dt = new DataTable();
    clsBusiness cls = new clsBusiness();
    dt = cls.Fill_In_DataTable("GalleryGroup");
    if (dt.Rows.Count > 0)
    {
        for (int i = 0; i < dt.Rows.Count; i++)
        {
            post += "<li><a href='gallery.aspx?gid=" + dt.Rows[i]["GalleryId"].ToString() + "'><strong>" + dt.Rows[i]["GalleryName"] + "</strong></a></li>";
        }
    }
    return post;
}

So, after i call that method, all of hyper links appear on gallery.aspx, as bellow :

<div id="menu">
    <ul>
       <%=viewCategory %>
    </ul>
</div>

after that, add this style to gallery.aspx:

<style>
    .active { background: #f00; }
</style>

after all, I added jquery code on end of from :

<script>
    $("menu li").click(function (e) {
        e.preventDefault();
        $("menu li a.active").removeClass("active"); //Remove any "active" class  
        $("a", this).addClass("active"); //Add "active" class to selected tab  
    });
</script>

but my code does't work... so please help me. thanks alot...

build_Gallery_Category is on gallery.aspx?

Claudio Redi
– Claudio Redi

2014-08-12 17:42:39 +00:00
Commented Aug 12, 2014 at 17:42 — Claudio Redi
– Claudio Redi, Commented Aug 12, 2014 at 17:42
no it's on seprate class and call it from gallery.aspx.cs

Reza Paidar
– Reza Paidar

2014-08-13 08:13:21 +00:00
Commented Aug 13, 2014 at 8:13 — Reza Paidar
– Reza Paidar, Commented Aug 13, 2014 at 8:13

Itay Grudev · Accepted Answer · 2016-04-22 23:34:31Z

1

looks like your jQuery selector is wrong

$("menu li")

must be

$("#menu li")

and

$("menu li a.active")

must be

$("#menu li a.active")

without the # you cannot access the div-tag with id menu

edited Apr 22, 2016 at 23:34

Itay Grudev

7,5544 gold badges60 silver badges97 bronze badges

answered Aug 12, 2014 at 18:50

Xaver

3931 gold badge4 silver badges15 bronze badges

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

2 Comments

Reza Paidar Over a year ago

thanks you're right but now, the hyperlink href is disabled and does't send query to server.

Xaver Over a year ago

I think this is because of the e.preventDefault(); If you click a link also the li tag is clicked and further action is prevented.

Collectives™ on Stack Overflow

add active class to current hyperlink using asp.net c#

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related