0

在我同时在模拟器和手机上单击重新加载之前，包含 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。有人可以解释为什么以及如何解决它吗？

4

2 回答 2

0

像这样的东西会起作用吗？

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>
于 2011-11-01T16:21:17.173 回答
0

只是一个猜测，尝试在调用之前定义函数？

于 2011-11-01T16:23:45.347 回答