2009-09-08 31 views
5

Tôi đang cố gắng hiển thị một phần tử (đó là một bảng, nhưng tôi đang sử dụng nó như là một div) khi nhấn nút gửi.jQuery ẩn/hiển thị dường như không hoạt động - tôi đang làm điều gì đó sai

Dường như nó không hoạt động. Và tôi không nghĩ rằng đó là do CSS Karma xấu có được bằng cách sử dụng các bảng để bố trí.

Mã là như sau:

$(document).ready(function() { 
    $("#object-created-panel").hide();      
    $("#create-object-btn").click(
    function() { 
     $("#object-created-panel").show(""); 
     } 
    );  
}); 

Hy vọng rằng đó là đủ code để hiển thị những gì lỗi là (nếu không tôi sẽ đưa vào mã cho các bảng cũng) id nút Gửi là: create- object-btn

+1

Tôi đã tìm ra vấn đề. Hiển thị và ẩn đang hoạt động tốt. Nhưng điều xảy ra là khi nút gửi được nhấp vào trang tải lại. Đó là lý do tại sao tôi không nhận được một lỗi, nhưng bảng đối tượng tạo ra sau đó được ẩn một lần nữa. Tôi sẽ cố gắng tìm cách ngăn chặn việc tải lại, nhưng nếu bạn biết xin vui lòng cho tôi biết. – Ankur

+0

Nó đã tải lại vì tôi đã có nút gửi trong các thẻ

... loại câu hỏi ngớ ngẩn cuối cùng, nhưng cảm ơn sự giúp đỡ của bạn +1 cho tất cả các câu trả lời – Ankur

Trả lời

1

Tại sao bạn sử dụng show("") thay vì show()?

jQuery documentation on show()

+0

Không có lý do cụ thể nào. Đó là kết quả của việc sao chép/dán, nhưng điều đó không thực sự tạo ra sự khác biệt. Chỉ cần kiểm tra nó. – Ankur

+0

Các thuộc tính css được áp dụng trên 'bảng điều khiển do đối tượng tạo ra' là gì? – Bavo

3

Ba bước sau:

  1. Cố gắng thay đổi chương trình ("") để hiển thị()
  2. Kiểm tra việc chọn đúng ví dụ không có đối tượng id 'đối tượng tạo phẳng'
  3. Sử dụng Firebug để phát hiện các lỗi javascript

http://getfirebug.com/

2

Thêm mã "return false;" ở cuối hàm nhấp chuột để ngăn trang đăng lại hành động này.

$(document).ready(function() { 
    $("#object-created-panel").hide();           
    $("#create-object-btn").click(
     function() { 
      $("#object-created-panel").show(""); 
      return false; 
     } 
    );   
}); 
Các vấn đề liên quan