無法動畫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的移動包裹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); 
     });