Событие 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

Просто предположение, попробуйте определить функцию до ее вызова?

Answer 2

Ссылка на пост: пост

Я ответил там и попытался использовать метод для вызова функции, решил мои проблемы с обновлением.

Answer 3

Хотелось бы что-нибудь подобное?

• 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>