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

Question

我正在尝试在 jQuery Mobile 按钮上制作一个简单的淡入淡出和淡入淡出，但它似乎不起作用？

该示例在 jsfiddle 上： //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 mobilebutton使用动态生成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 );
         });