2012-03-19 168 views
0

为什么不能正常工作?jQuery提交按钮隐藏表格

<script type="text/javascript"> 
$(document).ready(function() { 
     $('#target').submit(function() { 
      $('#target').hide(); 
      return false; 
     }); 
}); 
</script> 

<form id="target"> 
    <ul id="myTags"></ul> 
    <input type="submit" value="submit" id="submitbutton" class="tagsubmit" />    
</form> 

每当我点击提交按钮,我只想隐藏窗体。

+0

该代码适合我!哪个浏览器? – c0deNinja 2012-03-19 22:59:42

+0

确定你在别处没有脚本错误?这看起来正确。 – chrisn 2012-03-19 23:00:03

+0

似乎是合法的(它确实有效)http://jsfiddle.net/cR4ET/你有没有检查控制台的错误?你有没有加载jQuery? – Joseph 2012-03-19 23:00:56

回答

-1

使用此代码,而不是

$(document).ready(function() { 
    $('#submitbutton').click(function() { 
     $('#target').hide(); 
     return false; 
    }); 
}); 

因为当你点击#submitbutton的行动将得到触发。希望你得到你想要做的:)

+0

在做出这个假设之前,你是否测试过他的代码? – Joseph 2012-03-19 23:01:48

+0

@joseph检查这个小提琴http://jsfiddle.net/KaAAZ/14/ – 2012-03-19 23:04:11

+0

我知道你的代码有效,但你认为另一个错误可能导致他的问题?像jQuery没有加载?或有冲突的图书馆?在这种情况下,您的解决方案也无法正常工作。 – Joseph 2012-03-19 23:07:39

0

问题解决了,感谢@Joseph。

有另一种形式与导致问题的相同的ID。