jQuery Mobile 버튼 요소에 애니메이션을 적용 할 수 없습니다.

Question

jQuery Mobile 버튼에서 간단한 fadeIn 및 fadeOut을 만들려고하는데 작동하지 않는 것 같습니까? http://jsfiddle.net/NXRBc/

JS :

예는 jsfiddle에

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

첫째,이 깜박이기 시작합니다은 문서가로드 justs. 또한 div 클래스를 대신 참조하면 작동합니다.

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