Question

我正在尝试禁用输入提交按钮。

问题是，

使用我的下面的代码，只有在刷新页面时才会禁用该按钮。
我尝试使用$(this).atrr('refresh');，因此一旦按钮被禁用，它应该刷新它，因此它在视觉上似乎被禁用

任何建议都会非常感激

HTML

<input class="submit button-primary btn large send submit_wide" id="wp-submit" name="up_submit" tabindex="250" type="submit" value="test" />

jquery移动代码

<script type="text/javascript">
    $(document).ready(function () {
        var clicked = false;

        $('#wp-submit').click(function() {
            if(clicked === false) {
                $(this).attr('disabled','disabled');
                // $(this).atrr('refresh');
                clicked = true;
            } 
        });
    });
</script>

Answer 1

您的解决方案适用于JSFiddle：Fiddle。也许您可以尝试使用JQueryMobile函数 .button（＆＃39;禁用＆＃39;）：

$(document).ready(function () {
        var clicked = false;

        $('#wp-submit').click(function() {
            if(clicked === false) {
                $(this).button('disable');  
               // $(this).attr('disabled','disabled');
                clicked = true;
            } 
        });
    });

看起来刷新是正常的事情（来自JQueryMobile website）：

如果您通过JavaScript操作表单按钮，则必须在其上调用refresh方法以更新视觉样式。

$('[type="submit"]').button('refresh');

这是针对jQuery Mobile的。无法禁用我的输入按钮

1 个答案: