无法为jQuery Mobile按钮元素设置动画

Question

我正在尝试在jQuery Mobile按钮上创建一个简单的fadeIn和fadeOut，但它似乎不起作用？

示例在jsfiddle上：http://jsfiddle.net/NXRBc/

JS：

function blinking(elm) {
    setInterval(blink, 10);
    function blink() {
        elm.fadeOut(100, function() {
           elm.fadeIn(100);
        });
    }
}

blinking($("#ONEButton"));

HTML：

<div data-role="content">
    <div class="ui-grid-b" data-position="fixed">
            <div class="ui-block-a"><button id="ONEButton" type="v" data-theme="d">ONE</button></div>
            <div class="ui-block-b"><button type="v" data-theme="d">TWO</button></div>
            <div class="ui-block-c"><button type="v" data-theme="d">THREE</button></div>
        </div>
</div>

Answer 1

jQuery mobile使用动态生成的元素包装button元素并隐藏按钮，选择最接近的包装div元素：

blinking($("#ONEButton").closest('div.ui-block-a'));

或者：

blinking($('div.ui-block-a'));

http://jsfiddle.net/V3dmp/

Answer 2

首先，如果您只是调用该方法，它将在文档加载时开始闪烁。 而且，如果您改为引用div类，它将起作用。

         $(".ui-block-a").click(function(){
            var $this = $(this);
            blinking($this );
         });