jquery - 让 jquery 运行 : 'Object Expected' error

Question

我正在创建一个基本的 ASP.NET MVC 应用程序。我想使用 jquery 让两个按钮以不同的方式提交表单。我得到的错误是“预期对象”。

以下是按钮:

<input type="button" id="StartTask" value="Start" onclick="StartTask()" />
<input type="button" id="StopTask"  value="Stop"  onclick="StopTask()"  />

这是我的脚本标签:

<script src="~/Scripts/jquery-1.3.2.js"       type="text/javascript" />
<script src="~/Scripts/jquery-1.3.2-vsdoc.js" type="text/javascript" />
<script type="text/javascript">
    $("#StartTask").click(function() {
        $.post("/Home/StartTask");
    });
    function StopTask() {
        $.post("/Home/StopTask");
    }
</script>

功能不同，因为我正在尝试不同的事情。
使用 jquery 包含，两个按钮都给我“预期对象”。如果没有包含 jquery，开始按钮会在 $("#StartTask") 上爆炸，第二个按钮会在 $.post() 上爆炸。

编辑:添加 Controller 方法

[AcceptVerbs(HttpVerbs.Post)]
public ActionResult StartTask()
{
    return View();
}

我缺少什么基本的新手步骤？

奖励:有人可以给我指点一个可以帮助我解决这个错误的教程吗？

Answer 1

可能当调用 $("#StartTask") 时，你的任务还没有被添加到 DOM 树中。

一个确定的方法是:

<script type="text/javascript">
  $(window).ready(function(){
    $("#StartTask").click(function() {
        $.post("/Home/StartTask");
    });
    $("#StopTask").click(function() {
        $.post("/Home/StopTask");
    });
  });
</script>

<input type="button" id="StartTask" value="Start" />
<input type="button" id="StopTask"  value="Stop" />