jquery - 页面刷新后脚本失败

Question

在表单上有一个刷新按钮（使用 jquery mobile）。按下该按钮后，页面会刷新，但脚本（在页面上）无法运行（在操作单击提交时）。这是页面的外观：

@using (Html.BeginForm())
{
    <input type="submit" id="refresh" name="actionType" value="Refresh" />
    <input type="submit" id="submit" name="actionType" value="Submit" />
}

@Scripts.Render("~/bundles/jquery")    

<script type="text/javascript">
   $('#submit').click(function () {
     alert('Here');
   });
</script>

刷新实现为：

    [HttpPost]
    public ActionResult Index(string actionType)
    {
        if (actionType == "Refresh")
        {
            return RedirectToAction("Index");
        }
        ...
    }

提前感谢您的帮助！

Answer 1

总是尝试在 document.ready() 中做任何你想做的事情：

$(document).ready(function() {
    $('#submit').click(function () {
     alert('Here');
   });
});

Answer 2

我不知道 jQuery 移动页面刷新会如何影响您的脚本。也许它对您的提交 ID 有所帮助...

但是您可以尝试使用不同的选择器：例如订阅input具有提交类型的元素：

<script type="text/javascript">
   $('input[type="submit"]').click(function () {
     alert('Here');
   });
</script>

Answer 3

我建议您订阅.submit()表单事件而不是.click()提交按钮事件：

<script type="text/javascript">
   $('form').submit(function () {
     alert('Here');
   });
</script>