Jquery 在AppMobi（jQMobi-英特尔XDK）中将垂直侧导航条替换为另一个导航条

我正在用AppMobi（一个基于jQMobi而不是jQMobile的库）开发一个带有两个侧栏的web应用程序。当我点击尊敬按钮时，每个侧边栏都会显示出来

按钮代码：

<a id='button1' href="javascript:;" onclick='showMenu1()' class='icon folder' style='float:left' >Menu 1</a>
    <script>
    function showMenu1() {
            $("#menu2").html("#menu1");
    }
</script>

<a id='button2' href="javascript:;" onclick='showMenu2()' class='icon folder' style='float:left' >Menu 2</a>
    <script>
    function showMenu2() {
            $("#menu1").html("#menu2");
    }
</script>

函数showMenu1（）{
$（“#menu2”）.html（“#menu1”）；
}
函数showMenu2（）{
$（“#menu1”）.html（“#menu2”）；
}

侧导航条代码：

<nav id="menu1" >
    <div class="icon star" >Node 1</div>
        <ul>
        <li><a href="#" >Sub-node 1</a></li>
        <li><a href="#" >Sub-node 2</a></li>
        <li><a href="#"  >Sub-node 3</a></li>
    </ul>
</nav>

<nav id="menu2" >
    <div class="icon star" >Node 1</div>
        <ul>
        <li><a href="#" >Sub-node 1</a></li>
        <li><a href="#" >Sub-node 2</a></li>
        <li><a href="#"  >Sub-node 3</a></li>
    </ul>
</nav>

节点1





节点1

单击可以工作，但“html”功能不起作用。有什么问题

---

谢谢大家!

HTML/按钮1/菜单2

<a id='button1' href="#" class='icon folder' style='float:left' >Menu 1</a>

HTML/按钮2/菜单1

<a id='button2' href="#" class='icon folder' style='float:left' >Menu 1</a>

---

HTML/按钮1/菜单2

<a id='button1' href="#" class='icon folder' style='float:left' >Menu 1</a>

HTML/按钮2/菜单1

<a id='button2' href="#" class='icon folder' style='float:left' >Menu 1</a>

你试过这个吗

$('a#button1').bind('click',function () {

  //your functions

});

你试过这个吗

$('a#button1').bind('click',function () {

  //your functions

});

---

谢谢你的回答。函数“on”未集成在jQMobi中，jQMobile是jQMobile的一个轻量级版本（或者jquerymobile，它也比原始jQuery库更轻量级）。因此，代码不起作用。好吧，我的代码在点击时起作用，问题出在html函数中。@MHDaouas请检查我为您创建的这个示例。这是基于jQuery Mobile的，而我正在开发jQuery Mobi（jQMobi），这是一款用于web应用开发的轻量级jQuery Mobile。您的代码不起作用。首先，它不是appMobi-appMobi是开发jqMobi的公司。现在是应用程序框架：）秒-$（）。已实现。如果不是，则运行的版本已超过一年。另外，使用$.ui.updateSideMenu更新菜单内容-谢谢您的回答。函数“on”未集成在jQMobi中，jQMobile是jQMobile的一个轻量级版本（或者jquerymobile，它也比原始jQuery库更轻量级）。因此，代码不起作用。好吧，我的代码在点击时起作用，问题出在html函数中。@MHDaouas请检查我为您创建的这个示例。这是基于jQuery Mobile的，而我正在开发jQuery Mobi（jQMobi），这是一款用于web应用开发的轻量级jQuery Mobile。您的代码不起作用。首先，它不是appMobi-appMobi是开发jqMobi的公司。现在是应用程序框架：）秒-$（）。已实现。如果不是，则运行的版本已超过一年。另外，使用$.ui.updateSideMenu更新菜单内容-