मुझे अपने एनएवी लिंक के लिए एक सक्रिय कक्षा नहीं मिल सकती है जिसके आधार पर यूआरएल वर्तमान में सक्रिय है।

मेरे पास इस कोड को लिखने में मेरी मदद करने वाला एक सलाहकार था और यह काम कर रहा था:

if filename.replace('.pug', '.html').indexOf(pageLink) > 0
 a.active-nav-link= pageName
else
 a(href=pageLink)= pageName

लेकिन मैं परियोजना पर वापस आ गया और अब कोड के साथ एक संकलन त्रुटि है और जब मैं ब्लॉक को केवल a(href=pageLink)= pageName में बदलता हूं, तो यह सफलतापूर्वक संकलित होता है, लेकिन .active-nav-link वर्ग स्पष्ट रूप से चला गया है।

ul.reveal
 each pageLink, pageName in navLink
  li
   block pages
     a(href=pageLink)= pageName

मैं वर्तमान पृष्ठ पर .active-nav-link वर्ग को लागू करने के लिए कैसे प्राप्त करूं जैसा कि यह हुआ करता था। हो सकता है कि ऊपर दिया गया कोड पुराना हो गया हो और उसे संशोधित करने की आवश्यकता हो। मैं अन्य सरल तरीकों को आजमाने को तैयार हूं, क्योंकि मैं बहुत उन्नत नहीं हूं।

0
Michael Lawinger 25 अप्रैल 2019, 03:38

1 उत्तर

सबसे बढ़िया उत्तर

आप JS एक्सप्रेशन को पग में विशेषता मान के रूप में उपयोग कर सकते हैं। ये कोशिश करें:

a(
    href=pageLink
    class=(filename.replace('.pug', '.html').indexOf(pageLink) > 0 ? 'active-nav-link' : '')
)= pageName
1
Emilio Venegas 25 अप्रैल 2019, 00:43