我想我只是在其中一天,简单的事情会阻碍我的制作。所以我点击一个按钮,一个掩码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警报显示出来。那么世界上到底发生了什么呢?任何帮助表示赞赏
答案 0 :(得分:2)
fadeOut()
代替fadeout()
...