페이지가 다시로드 될 때까지 onClick 이벤트가 작동하지 않습니다.

Question

다음 코드는 onClick 이벤트를 포함하며 은 시뮬레이터와 휴대 전화에서 모두 다시로드 할 때까지 작동하지 않습니다. 코드는 앱 모델 폴더의 .erb 파일에 있습니다.

<section id="page1" data-role="page"> 
<header data-role="header"> 
    <h1>CSS 3 Animations</h1> 
</header> 
<div data-role="content" class="content"> 
    <p class="show-menu" onclick="ToggleText()">(Show/Hide) Menu</p> 

    <div class="sliding-menu slide out">Menu</div> 
</div> 
</section> 

<script type="text/javascript"> 
    function ToggleText() { 
     $(".sliding-menu").toggleClass("reverse out in"); 
    } 
</script> 

저는 rhomobile 3.2.1을 사용하고 있습니다. 누군가 이유와 이유를 설명 할 수 있습니까 해결할?

Answer 1

이 작품이 마음에 드시나요? 이 호출되기 전에

• http://jsfiddle.net/aJshm/3/

JS

$('.toggle-menu').click(function() { 
    $(".sliding-menu").toggleClass("reverse out in"); 
}); 

HTML

<section id="page1" data-role="page"> 
    <header data-role="header"> 
     <h1>CSS 3 Animations</h1> 
    </header> 
    <div data-role="content" class="content"> 
     <p class="toggle-menu">(Show/Hide) Menu</p> 

     <div class="sliding-menu slide out">Menu</div> 
    </div> 
</section> 

Answer 2

그냥 추측은, 함수를 정의하려고?

Answer 3

이 게시물을 참조 : 내가 거기에 대답 함수를 호출하는 방법을 사용하려고 한 post

, 내 새로 고침 문제를 해결했다.