एक पृष्ठ खोलने पर, मैं चाहता हूं कि बटन 1 को सक्रिय स्थिति हो ताकि वह रोशनी हो। (रंग सफेद) ताकि यह स्पष्ट हो कि नावबार के नीचे दिखाई गई सामग्री उस सक्रिय बटन का हिस्सा है। उसके बाद यदि मैं किसी अन्य नेवबार बटन को दबाता हूं तो मैं चाहता हूं कि डिफ़ॉल्ट सक्रिय बटन बंद हो।

मैं निम्नलिखित jQuery में आया था:

$('aheader1').addClass('active')

हालांकि जब मैं सीएसएस में सक्रिय जोड़ता हूं तो यह कुछ भी नहीं बदलता है।

<div class="wrapper">
<div class="small_wrapper1"> 
    <th class="header1"><a id="aheader11" ">Button1</a></th>
    <th  class="header2"><a id="aheader21" ">Button2</a></th>
    <th class="header3"><a id="aheader31">Button3</a></th>                   
  
0
oudekaas 12 मई 2018, 02:08

2 जवाब

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

इस पर एक नज़र डालें

$('a').click(function() {
  $('a').removeClass('active')
  $(this).addClass('active')
});
.active {
  background: yellow;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrapper">
  <div class="small_wrapper1">
    <span class="header1"><a id="aheader11" >Button1</a></span>
    <span class="header2"><a id="aheader21" >Button2</a></span>
    <span class="header3"><a id="aheader31">Button3</a></span>
  </div>
</div>
1
Kosta B. 12 मई 2018, 02:23

आपका कोड जैसा है वह काफी काम नहीं करता है। आईडी द्वारा एक तत्व का चयन करने के लिए आपको सामने '#' चिह्न जोड़ना होगा और आईडी की सही वर्तनी सुनिश्चित करना होगा। इस मामले में आपका jQuery चयन इस तरह दिखेगा $('#aheader11').addClass('active')

$('#aheader11').addClass('active')

//this will make Button 1 white (pretty much invisible unless the background is something other than white
.active{
  color:white;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrapper">
<div class="small_wrapper1"> 
    <th class="header1"><a id="aheader11">Button1</a></th>
    <th  class="header2"><a id="aheader21">Button2</a></th>
    <th class="header3"><a id="aheader31">Button3</a></th>     
1
Michael Sorensen 12 मई 2018, 02:21