1

2 つのサイドバーを備えた AppMobi (jQMobile ではなく jQMobi に基づくライブラリ) を使用して 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 に答える