jQuery按钮没有执行?

时间:2013-07-27 17:15:26

标签: javascript jquery

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

1 个答案:

答案 0 :(得分:2)

fadeOut()代替fadeout() ...