otomatik aktif klas ekleme, active class add jquery functions

Ana Sayfa » JavaScript » otomatik aktif klas ekleme, active class add jquery functions
JavaScript Yorum yapılmamış

web sitenizde bir list alan olduğunu düşünelim. burada aktif olan sayfaya “active” şeklinde bir class eklemek istiyorsunuz.
yani şöyle gösterim:

 <li class="activeLinkControl"><a href="deneme.aspx">deneme link</a></li>
 <li class="activeLinkControl"><a href="yeni.aspx">yeni link</a></li>
 <li class="activeLinkControl"><a href="eski.aspx">eski link</a></li>

burada aktif olan url deneme.aspx ise, aşağıdaki fonksiyon sayesinde “activeLinkControl” class adını hangi objeye verdiyseniz. o objeye otomatik olarak “active” şeklinde bir class ataması yapacak.

     $(document).ready(function() {

 if ($(".activeLinkControl")[0]) {
                var mevcutURL = window.location.href;

                $(".activeLinkControl").each(function () {
                    var tLink = "";
                    if ($(this).get(0).tagName.toUpperCase() === "LI") {
                        if ($(this).children("a:first-child")) {
                            tLink = $(this).children("a:first-child").attr("href");
                        }   
                    }

                    if ($(this).get(0).tagName.toUpperCase() === "A") {
                        tLink = $(this).attr("href");
                    }


                    if (mevcutURL.indexOf(tLink)>-1) {
                        $(this).addClass("active");
                    }


                }); //each


            }//linkObjesi[0]

}); //ready

YORUM YAZ