1

我想我只是有一个简单的事情会阻碍我的生产的日子。所以我点击一个按钮，一个蒙版 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 会加载它后面的掩码，但当我单击取消按钮时不会淡出呢？

这些按钮位于两个不同的文件中，所以我想，嘿，也许我是个傻瓜，没有包含我的 .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 警报出现。那么这里到底发生了什么？任何帮助表示赞赏

4

1 回答 1

2

它fadeOut()不是fadeout()...

于 2013-07-27T17:20:48.377 回答