iOS phonegap:jquery sidr不工作_Jquery_Ios_Cordova_Sidr

iOS phonegap:jquery sidr不工作

jquery ios cordova

iOS phonegap:jquery sidr不工作,jquery,ios,cordova,sidr,Jquery,Ios,Cordova,Sidr,我对phonegap不熟悉。我希望在phonegap中实现幻灯片菜单。为此，我使用jquery的sidr。当我在一个单独的htl文件中使用sidr时，它可以工作。代码如下： <html> <head>   <link rel="stylesheet" href="css/jquery.sidr.dark.css"&

我对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>

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







$（文档）.ready（函数（）{
警报（“sdf”）；
$（“#简单菜单”）.sidr（）；
});

同样的代码在ios phonegap中不起作用。代码如下：

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

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


app.initialize（）；
$（函数（）{
$（“#简单菜单”）。单击（函数（）{
警报（“sdf”）；
返回false；
});
});

即使警报也不会被触发。我哪里做错了？我如何解决这个问题