problema con il tasto click evento in jQuery

Question

Sto usando jQuery sul pulsante fare clic per visualizzare div, ma non so perché non il suo lavoro ...

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/

Non ho alcun risultato sul clic del pulsante.

Answer 1

2 problemi:

1. Non hai scelto jQuery come libreria nel vostro demo.

2. Si utilizza class selectors ^[docs] (.addmoresg) anziché id selectors ^[docs] (#addmoresg). I suoi elementi hanno solo id s, non class es:

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

   $('.addmoresg) selezionerebbe elementi con class="addmoresg", per esempio

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

Working demo

jQuery ha una grande documentation e un list of all possible selectors, con esempi.

Answer 2

basta cambiare il codice come:

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

In sostanza, si stavano prendendo di mira la classe adddsg (fatto da un .class). Dato che il div ha e ID di adddsg, è necessario targetizzare utilizzando #ID

Spero che questo aiuti.