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

でrhomobile3.2.1を使用しています。誰かがそれを修正する理由と何をすべきかを説明できますか？

Answer 1

推測ですが、呼び出される前に関数を定義してみてください。

Answer 2

このようなものは機能しますか？

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