सरल jQuery addClass() काम नहीं कर रहा है

Question

मैं यह निर्धारित करने में सक्षम होना चाहता हूं कि उपयोगकर्ता वर्तमान में किस पृष्ठ पर है। नेविगेशन लिंक में अद्वितीय शैली जोड़ने के रूप में एक साधारण संकेतक उपयोगकर्ता वर्तमान में अपना संदर्भ

यहां मेरी स्क्रिप्ट है, सभी चयनकर्ता ठीक काम कर रहे हैं, अगर स्टेटमेंट नौकरी भी करता है, लेकिन addClass() फ़ंक्शन कुछ भी नहीं करता है .. यहाँ मेरे कोड है:

<script> 
$(document).ready(function(){ 
    var pathname = window.location.pathname; 
    $("#links ul li a").each(function() { 
     var href= $(this).attr("href"); 
     if (pathname.indexOf(href) >= 0){ 
      $(this).addClass("active"); 
     } 
    }); 
}); 
</script> 


    <nav id="links"> 
    <ul> 
     <li><a href="index.php">Home</a></li> 
     <li><a>About</a></li> 
     <li><a>Contact</a></li> 
    </ul> 
</nav> 

HTML:

यह काम मिल गया, यह मेरी अंत में कोड है, वहाँ किसी भी improvments के लिए एक की जरूरत है?

$(document).ready(function(){ 
    var pathname = window.location.pathname; 
    var onDomain=true; 
    $("#links ul li a").each(function() { 
     var href= $(this).attr("href"); 
     if (href != undefined && pathname.indexOf(href) >= 0){ 
      $(this).addClass("active"); 
      onDomain=false; 
     } 
    }); 
    if (onDomain){ 
     $("#links ul li:first-child a").addClass("active"); 
    } 
}); 

Answer 1

असाइन hrefa करने के लिए;

<nav id="links"> 
    <ul> 
     <li><a href="index.php">Home</a></li> 
     <li><a href="">About</a></li> 
     <li><a href="">Contact</a></li> 
    </ul> 
</nav> 

फिर प्रयास करें:

var pathname = window.location.pathname; 
    $("#links ul li a").each(function() { 
     var href= $(this).attr("href"); 
     if (href.length && pathname.indexOf(href) >= 0){ 
      $(this).addClass("active"); 
     } 
    }); 

आप HTML को बदल नहीं सकते हैं तो निम्नलिखित की तरह का प्रयास करें:

var pathname = window.location.pathname; 
    $("#links ul li a").each(function() { 
     var href= $(this).attr("href"); 
     if (href != undefined && pathname.indexOf(href) >= 0){ 
      $(this).addClass("active"); 
     } 
    }); 

Answer 2

var loc = ''+($(location).attr('href').split('/').slice(-1)); 
if(typeof loc !== 'undefined'){ 
    $("#links li").find("a[href='"+loc+"']").each(function(){ 
     $(this).addClass("active"); 
    }); 
}else(typeof loc === 'undefined'){ 
    $("#links li a:eq(0)").addClass("active"); // if you use 'home' as your first. 
} 

Answer 3

यह शायद है कि सक्रिय वर्ग ली .. अपने तर्क मान लिया जाये कि सही है और वर्ग ली (HTML और सीएसएस के बिना बताना मुश्किल) को लागू किया जाना चाहिए करने के लिए लागू किया जाना चाहिए है:

if (pathname.indexOf(href) >= 0){ 
     $(this).parent().addClass("active"); 
} 

Answer 4

मुझे यकीन है कि मैं बिल्कुल भी सवाल नहीं हूँ, लेकिन मैं कुछ के लिए जाना चाहूंगा:

$("#links ul li a").filter(function() { 
    return window.location.pathname.indexOf(this.href) != -1; 
}).addClass('active'); 

Answer 5

<script type="text/javascript"> 

$(window).load(function() { 
        var url = window.location; 
        $('#nav a').filter(function() { 
         return this.href == url; 
        }).parents("li").addClass('active'); 

      }); 
</script> 

यह काम उपयोग इस स्क्रिप्ट आप मेनू

तरह index.php inclide menu.php आप इस scritp तू सक्रिय वर्ग के लिए यूआरएल लोड और वर्ग मेनू परिवर्तन का पता लगाने का उपयोग करना चाहिए के लिए बाहरी फ़ाइल का उपयोग करते है।

धन्यवाद यू thecodeparadox अपने कोड