这个jQuery代码有什么问题?

时间:2012-01-08 16:36:54

标签: jquery

$(function(){
    // the next line works fine
    $('#show-forgetForm').hide();
    $('#forgetForm').click(function() {
        // I can't see the form when I click on the link
        $('#show-forgetForm').show();
        return false;  
    }); 
})

HTML:

<a href="#forgetForm" title="show the form">show</a>
<form id="show-forgetForm">
     [...]
</form>

3 个答案:

答案 0 :(得分:7)

您需要更改

<a href="forgetForm">show</a>

<a id="forgetForm" href="#">show</a>

这是因为$('#forgetForm')尝试查找的元素的 id ,而不是 href ,属性为{ {1}}

答案 1 :(得分:1)

“#forgetForm”实际上是您的表单,而不是您的链接?确定你没有交换它们?

代码工作正常:http://jsfiddle.net/hkv5J/

答案 2 :(得分:0)

你在函数()里面调用function()? 你可以克服它,因为这个函数在后台运行无限循环......