Question

jquery 秒后 再点击的问题

如何做到,点击后按钮变灰禁止点击，10秒后恢复可以再次点击。现在的问题是点击按钮后开始倒数，袋鼠完毕后恢复按钮，但是我再点击就不执行了..为什么？？

$(function() {

$("#sub").click(function() {
timeId=setInterval("count()",1000);
if($("#mob").val()=="")
{
alert("请输入您的联系手机!")
}else
{
$.post("/sendmob.php", {mob: $("#mob").val()},

function(data)
{
count();
})
}
})

});
var timeId=0;
var timeLeft=10;

function count()
{

if(timeLeft<=0)
{
$("#suub").html("<input name=\"sub\" id=\"sub\" type=\"button\" class=\"botton\" value=\"再次获取验证码\" />")
$("#info").html("")

clearInterval(timeId);

return;
}

$("#sub").remove();
$("#info").text("如果"+timeLeft+"秒后没有收到,请重新获取")
timeLeft--;
}

Answer 1

$("#sub").remove();？这句怎么remove了？remove不就删除这个按钮了吗？怎么还能点击？通常我们用的是disabled属性，而不是remove。

$("按钮的名字").attr("disabled", "disabled");

然后在click里面做一个disabled属性的判断，如果是disabled，则不执行click函数，反之则执行相应的函数。
如果你一定要remove按钮，那就在你再次创建按钮的时候重新绑定并初始化click函数。不然重新创建的按钮没有click事件。

追问

专家..能帮忙写一下吗！实在是搞不定了！谢谢了！

追答

$("#suub").html("")

//这句后面添加一段
$("#sub").click(function() {
timeId=setInterval("count()",1000);
if($("#mob").val()=="")
{
alert("请输入您的联系手机!")
}else
{
$.post("/sendmob.php", {mob: $("#mob").val()},

function(data)
{
count();
})
}
})

});
timeLeft=10;

追问

现在的情况是 如果不填写手机号码,点击后弹出提示填写手机号码,然后秒就开始执行了! 执行完之后会显示再次获取验证码,同时 秒数也会从10秒开始又倒数了！

追答

上面代码这句
timeLeft=10;换成timeLeft=0;