我有一个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>