Кнопка jQuery не выполняется?

Question

Думаю, у меня только один из тех дней, когда простые вещи будут мешать моему производству. Поэтому я нажимаю кнопку, а маска 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" /> 

моя первая догадка была, что у меня была другая кнопка с идентификатором «cancel_create_project» несмотря на то, что весьма маловероятно. Я проверил все и без кнопок с этим идентификатором. Затем я даже пошел вперед и изменил идентификатор на «hjklijkeodjsn», так что не было возможности, чтобы у этого был тот же самый идентификатор. Еще ничего. Итак, почему же этот div загрузился с маской за ней, но не исчезнет, ​​когда я нажму кнопку отмены?

Кнопки находятся в двух разных файлах, поэтому я подумал, что, возможно, я манекен и не включил мой .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() ...