Vấn đề với sự kiện nhấn nút trong jquery

Question

Tôi đang sử dụng jQuery vào nút bấm để hiển thị div nhưng không biết tại sao nó không làm việc ...

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/

Tôi không nhận được bất kỳ kết quả nào khi nhấp vào nút.

Answer 1

2 vấn đề:

1. Bạn chưa chọn jQuery như thư viện trong bản demo của bạn.

2. Bạn sử dụng class selectors ^[docs] (.addmoresg) thay vì id selectors ^[docs] (#addmoresg). yếu tố của bạn chỉ có id s, không class es:

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

   $('.addmoresg) sẽ chọn yếu tố với class="addmoresg", ví dụ

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

Working demo

jQuery có một documentation tuyệt vời và một list of all possible selectors, với các ví dụ.

Answer 2

chỉ cần thay đổi mã của bạn như:

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

Về cơ bản, bạn đang nhắm mục tiêu lớp adddsg (thực hiện bởi một .class). Vì div có và ID là adddsg, bạn cần nhắm mục tiêu sử dụng #ID

Hy vọng điều đó sẽ hữu ích.