在设定的时间内更改jQuery移动按钮的值

ARTLoe 发表于 Dev

路易

由于我对jQuery mobile的了解很少，因此我面临一个非常具有挑战性的问题。我研究了许多解决方案并实施了它们，但似乎没有用

我有一个名为 click me
当用户单击该按钮时，该按钮变为disabled，文本clickme更改为please wait...
2秒钟后，按钮被激活（不再disabled），并且文本从please wait...返回变为click me。
我已经使它在某种程度上起作用了。该代码在此代码行中完美$(this).parent('').text('Please wait...');地工作，但是可以建议我如何使它与一起工作please wait...。

任何帮助或指导将不胜感激。我的代码如下：

<div class="ui-btn ui-input-btn ui-corner-all ui-shadow">
    clickme
    <input class="submit button-primary btn large send" id="wp-submit" name="up_submit" tabindex="250" type="button" value="clickme">
</div>

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

    $('#wp-submit').bind('click', function() {
        if(clicked == false) {
            $(this).button('disable');
            $(this).parent('').text('Please wait...');
            clicked = true;

            setTimeout(function() { 
                $('#wp-submit').button('enable'); 
                $(this).parent('').text('click me');
                clicked = false;
            }, 2000); 
        }
    });       
});

路易

非常感谢@ezanker在这里解决了这个问题->使用setTimeout函数更改jQuery mobile的按钮值

回答：

$(document).ready(function () {

    var clicked = false;
    $('#wp-submit').on('click', function() {
        if(clicked == false) {
            var $btn = $(this);
            $btn.button('disable').val('Please wait...').button('refresh');
            clicked = true;

            setTimeout(function() { 
                $btn.button('enable').val('click me').button('refresh');
                clicked = false;
            }, 2000); 
        }
    });
});