javascript - jQuery 按钮不执行？

Question

我想我只是经历了那些简单的事情会阻碍我的创作的日子之一。因此，我单击一个按钮，一个 mask div 淡入淡出，顶部有一个表单。我单击取消按钮，它应该 消失。然而事实并非如此。这段代码很简单，应该是0问题。我只是不知道发生了什么。

$('#create_project').click(function () {    
    $('#create_project_div').fadeIn(300);
    $('body').append('<div id="mask"></div>');
    $('#mask').fadeIn(300);
});

$('#cancel_create_project').click(function () { 
    $('#create_project_div').fadeout(300);  
    $('#mask').fadeout(300);
});

顶部的(创建项目)有效，底部的(cancel_create_project)无效。

这是他们的输入标签

<input type="button" id="create_project" value="New Project" class="form_button">
<input value="Cancel" id="cancel_create_project" type="button" class="form_button" />

我的第一个预感是我有另一个按钮，其 ID 为“cancel_create_project”，尽管这不太可能。我仔细检查了一下，没有那个 ID 的按钮。然后我什至继续将 id 更改为“hjklijkeodjsn”，这样就不可能有相同的 id。依然没有。那么，到底为什么这个 div 会加载它后面的 mask ，但在我单击取消按钮时不会淡出？

按钮位于两个不同的文件中，所以我想，嘿，也许我是个傻瓜，没有包含我的 .js。没有。我做到了。我这样做是为了证明我在两个文件中都添加了一个按钮和一个函数

<input type="button" value="foo" id="foo" /> 
<input value="Cancel" id="cancel_create_project" type="button" class="form_button" />

然后这个

$('#cancel_create_project').click(function () { 
    $('#create_project_div').fadeout(300);  
    $('#mask').fadeout(300);
});

$('#foo').click(function () {   
    alert('foo');
});

出现 foo 警报。那么这里到底发生了什么？感谢任何帮助

Answer 1

是 fadeOut() 而不是 fadeout() ...