Question

以下包含onClick事件的代码段将会直到我点击模拟器和手机上的重新加载才能正常工作。代码位于app model文件夹中的.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

我已经回答并尝试使用该方法调用函数，解决了我的刷新问题。

在重新加载页面之前，onClick事件将无法工作

3 个答案: