提交时禁用按钮不会刷新页面

时间:2012-10-03 07:34:56

标签: jquery

我有一个按钮和som javascript如下

$("btnCreate").click(function () {

    $("loadingdiv").show("slow");

    $(this).attr("disabled", true);
});
$("loadingdiv").hide("fast");

它可以使按钮不再可点击并变灰。但加载div是存在而不是消失。 page_load不再被解雇了。

2 个答案:

答案 0 :(得分:2)

我不确定您的代码是如何工作的。您没有按标识符或类名选择任何元素。

要按标识符选择元素,您需要在元素ID之前添加# 要按类别选择元素,您需要在类名称之前添加.

下面将按照标识符选择元素,假设它们是什么。

$("#btnCreate").click(function () {
    $("#loadingdiv").show("slow");

    $(this).attr("disabled", true);
});

$("#loadingdiv").hide("fast");

DEMO - 上面的代码假设它们是你的ids

关于任何未提交的页面或未重新加载的页面,不应该被禁用的按钮影响 确保您的按钮位于submit类型的表单中,且submit事件没有附加脚本阻止它或类似情况。

答案 1 :(得分:0)

我想做的一点点补充。

要使加载div消失,你可以绑定一个回调,该回调在你加载的任何数据加载后执行,并且在该回调中你可以隐藏该div。

嗯,这个答案太抽象了,但这就是我从这里看到的内容:)