提交后jquery移动禁用按钮

时间:2013-09-04 20:02:52

标签: forms jquery-mobile

我有一个jquery移动网站,用户上传文件。它工作正常,但文件可能需要几秒钟,我不希望用户再次单击cubant按钮或认为上传不起作用。我需要在用户提交后禁用按钮,我还想将按钮文本更改为“正在处理...”请记住这是jquery mobile,因为大多数jquery方法都不适用于jquery mobile。以下代码无法正常运行。有什么想法吗?

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"/>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

<script>
$( '#button1' ).click( function() { 
    $('#button1' ).attr('disabled', 'disabled').button('disable');
    $('#button1').prev('span').find('span.ui-btn-text').text("Processing..."); 
});
</script>

<form name="myform" action="gohere.cfm" method="post" enctype="multipart/form-data" data-ajax="false">
    <input type="file" name="fileName" id="fileName">

    <button type="submit" id="button1" name="button1" >Upload</button>
</form>

0 个答案:

没有答案