2009-09-08 170 views
5

我試圖顯示一個元素(這是一個表,但我用它作爲一個div),當點擊一個提交按鈕。jQuery隱藏/顯示似乎不工作 - 我做錯了什麼

它似乎沒有工作。我不認爲這是因爲使用表格進行佈局而獲得的糟糕的CSS Karma。

代碼如下:

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

希望這是足夠的代碼顯示錯誤是什麼(如果不是我將投入對錶以及代碼)提交按鈕的ID爲:create- object-btn

+1

我已經找到了問題。顯示和隱藏工作正常。但是會發生什麼,當點擊提交按鈕時,頁面會重新加載。這就是爲什麼我沒有收到錯誤,但是對象創建的面板再次被隱藏。我會盡力找到如何防止重新加載,但如果你知道,請讓我知道。 – Ankur 2009-09-08 14:51:31

+0

它正在重新加載,因爲我有

標籤中的提交按鈕...最後一種愚蠢的問題,但感謝您的幫助+1所有答案 – Ankur 2009-09-08 14:57:46

回答

1

爲什麼使用show("")而不是show()

jQuery documentation on show()

+0

沒有特別的原因。這是複製/粘貼的結果,但實際上並沒有什麼區別。剛剛檢查過它。 – Ankur 2009-09-08 14:30:02

+0

什麼是'對象創建面板'上應用的CSS屬性? – Bavo 2009-09-08 14:37:45

3

三個步驟:

  1. 試圖改變節目( 「」)顯示()
  2. 檢查選擇正確的工作例如沒有對象ID '創建對象板'
  3. 使用Firebug檢測JavaScript錯誤

http://getfirebug.com/

2

的代碼添加 「返回false;」在點擊功能的結尾停止頁面回發這個動作。

$(document).ready(function() { 
    $("#object-created-panel").hide();           
    $("#create-object-btn").click(
     function() { 
      $("#object-created-panel").show(""); 
      return false; 
     } 
    );   
}); 
相關問題