Question

我是phonegap的新手。我希望在phonegap中实现幻灯片菜单。为此，我使用jquery的sidr。当我在单独的htl文件中使用sidr时，它可以工作。这是代码：

    <html>
 <head>
<!-- Your stuff -->

<!-- Include Sidr bundled CSS theme -->
<link rel="stylesheet" href="css/jquery.sidr.dark.css">
</head>
<!-- Your stuff -->

<!-- Include jQuery -->
<script src="js/jquery.js"></script>
<!-- Include the Sidr JS -->
<script src="js/jquery.sidr.min.js"></script>
<body>
    <a id="simple-menu" href="#sidr">Toggle menu</a>

    <div id="sidr">
    <!-- Your content -->
    <ul>
    <li><a href="#">List 1</a></li>
    <li class="active"><a href="#">List 2</a></li>
    <li><a href="#">List 3</a></li>
    </ul>
    </div>

    <script>
    $(document).ready(function() {
        alert("sdf");
    $('#simple-menu').sidr();
    });
    </script>
</body>
</html>

此相同的代码无法在ios phonegap中使用。这是代码：

<script type="text/javascript">
        app.initialize();
        </script>
   <script type="text/javascript">
       $(function() {
              $('#simple-menu').click(function() {
                                alert("sdf");
                                return false;
                                });
              });

       </script>

<div id="sdf" class="topBar" align="left" style="padding-top:50px">
   <a id="simple-menu" href="#sidr">Toggle menu</a>
   </div>
   <div id="sidr">
       <!-- Your content -->
       <ul>
           <li><a href="#">List 1</a></li>
           <li class="active"><a href="#">List 2</a></li>
           <li><a href="#">List 3</a></li>
       </ul>
   </div>

甚至不会发出警报。我哪里出错了？我该如何解决这个问题？

iOS phonegap：jquery sidr不能正常工作

0 个答案: