Замена вертикальной боковой навигационной панели на другую в AppMobi (jQMobi - Intel XDK)

Question

Я занимаюсь разработкой веб-приложения с AppMobi (библиотека, основанная на jQMobi, а не jQMobile) с двумя боковыми панелями. Каждая боковая панель показывает, когда я нажимаю на уважительную кнопку.

Код кнопок:

<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". В чем проблема?

Спасибо!

Answer 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");
});

Answer 2

Ты пробовал это?

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

  //your functions

});