2009-09-08 88 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; 
     } 
    );   
}); 
相关问题