1

我正在使用带有两个侧边栏的 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>

侧边导航栏代码：

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

点击有效，但“html”功能无效。问题是什么 ？

谢谢 ！

4

2 回答 2

1

HTML / 按钮 1 / 菜单 2

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

代码

$('a#button1').on('click', function () {
 $("#menu2").html("#menu1");
});

HTML / 按钮 2 / 菜单 1

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

代码

$('a#button2').on('click', function () {
 $("#menu1").html("#menu2");
});
于 2013-04-02T13:36:32.593 回答
0

你试过这个吗？

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

  //your functions

});
于 2013-05-13T08:45:14.027 回答