0

私は js/jquery モバイルが初めてで、スキルを向上させるために複雑な例を作成しようとしています。

私は JQM Accordionを持っており、各「折りたたみ可能な」divの行ごとに1つのチェックボックスでリストビューをグループ化しています。私がやりたいことは、動的なNavbarを使用して、アクティブなリストビューからすべてのチェックボックスを「マーク/マーク解除」することです。例：

  • ユーザーが「グループ」を選択します (アコーディオンの「折りたたみ可能な」div)
    • ユーザーはリストビューのチェックボックスをチェックします
      • このページには、「すべてマーク」/「すべてマーク解除」の 2 つのオプションを含むナビゲーション バーが表示されます (明らかな動作)。このグループでチェックボックスがマークされるまで、これは開いたままにする必要があります。ユーザーがそれらすべてを「マーク解除」することを選択した場合、ナビゲーションバーは非表示にする必要があります。
        • ユーザーが別の「グループ」を選択した場合、ページは過去のグループのすべてのチェックボックスをオフにし、ナビゲーション バーを非表示にする必要があります。

多くの調査の結果、すべてを作成することができました。これが私が思いついたものです: http://jsfiddle.net/mauriciorcruz/2zgt8/。

私の問題は、

$('#navbar-footer').show();
$('#navbar-footer').hide();

異なるグループでいくつかのチェックボックスをクリックすると、期待どおりに機能しなくなります。

答えをたくさん探しましたが、問題を理解するのに十分なスキルがないようです。私の推測では、実装はデバッグ中に完全に機能するため、ハンドラーの実装方法に関連するものだと思います。

どんな助けでも大歓迎です。

ありがとうございました！

4

1 に答える 1