javascript - 表单提交jQuery函数在js文件中不起作用

Question

当我在视图中使用表单 sumbit 函数时，我有一个 MVC 视图，它工作正常。但是当我将我的代码放入 js 文件时它停止工作

这是为什么？有解决办法吗？

<script type="text/javascript" src="@Url.Content( "~/Scripts/site/js.js" )" ></script>
@using( Html.BeginForm( "Index" , "Sample" , FormMethod.Post , new { id = "frm" } ) )
{
    <div>
        <p>
            <input type="text" id="username" name="username" />
        </p>
        <input type="submit" value="Save" />
    </div>
    <script type="text/javascript">
        $('form').submit(function ()  // or $('#frm').submit
        {
            alert('1');
            return false;
        });
    </script>
}

Answer 1

在您的外部文件中，尝试将其包装在$(document).ready();调用中。所以

$(document).ready(function() {
    $('#frm').submit(function ()
        {
            alert('1');
            return false;
        });
    });

另外，我认为这很明显，但是在使用外部 js 时也要删除内联 JS。:-)