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>

页面刷新后脚本失败

3 个答案: