Problem z przyciskiem kliknij zdarzenie w jQuery

Question

używam jQuery na przycisku kliknij, aby pokazać div, ale nie wiem dlaczego jej nie działa ...

HTML:

<input type="button" id="addmoresg" value="Add More" name="button"> 
<div id="addsg" style="display:none"> 
    <!-- more HTML here --> 
</div> 

JavaScript:

$(document).ready(function() { 
    $('.addmoresg').click(function() { 
     $('.addsg').show("slow"); 
    }); 
}); 

jsFiddle demo:http://jsfiddle.net/XGVp3/

Nie otrzymuję żadnych wyników po kliknięciu przycisku.

Answer 1

2 problemy:

1. Nie wybrano jako biblioteki jQuery w swoim demo.

2. użyć class selectors ^[docs] (.addmoresg) zamiast id selectors ^[docs] (#addmoresg). Twoje elementy mają tylko id s, a nie class ES:

   <input type="button" id="addmoresg" value="Add More" name="button"> 
   

   $('.addmoresg) wybierze elementy z class="addmoresg", na przykład

   <input type="button" class="addmoresg" value="Add More" name="button"> 
   

Working demo

jQuery ma wielką documentation i list of all possible selectors z przykładami.

Answer 2

prostu zmienić swój kod jako:

$(document).ready(function() { 
    $('#addmoresg').click(function() { 
     $('#addsg').show("slow"); 
    }); 
}); 

Zasadniczo, zostały skierowane do klasy adddsg (zrobione przez .class). Ponieważ element div ma identyfikator o numerze identyfikacyjnym adddsg, należy kierować go przy użyciu narzędzia: #ID

Nadzieja, która pomaga.