1

私はhome.html次のものを持っていますdiv

<div id="feature" class="feature">
</div>

n個の異なるボタンが次のように表示されています

         <button id="search" class="btn btn-large navigator-button navigator-icons">
                <i class="icon-search icon-large"></i>
                search
            </button>
          </li>
          <li>
            <button id="playlist" class="btn btn-large navigator-button navigator-icons">
                <i class="icon-list icon-large"></i>
                playlists
            </button>
          </li>
          <li>
            <button id="settings" class="btn btn-large navigator-button navigator-icons">
                <i class="icon-cog icon-large"></i>
                settings
            </button>
          </li>
          <li>
              <button id="queue" class="btn btn-large navigator-button navigator-icons">
                  <i class="icon-cog icon-play-circle"></i>
                  queue
              </button>

ボタンをクリックすると、そのクリックに関連付けられたコンテンツがに表示されます<div id="feature" class="feature">

しかし、現在、私はただやって、jQuery.load()下に存在するものをすべて一掃します<div id="feature">

不利益？

  • 私は毎回それらのページを作成しました
  • 以前のページの状態を保持していません。たとえば、ユーザーが検索した検索結果などです。

何が欲しい？

  • ページのクリックに基づいて、現在のクリックに関連付けられているページが読み込まれ、他のボタンのクリックに対応する他のページが非表示になるようにする方法が必要です。

  • jQueryでそれを行う方法がわかりません、私はそれに非常に新しいです

上記を達成するために私ができる最善のことを教えてください事前にありがとう

4

2 に答える 2

1

考えられる解決策は、hide（）関数とshow（）関数を使用することです。これらは、DOMを変更しません。

http://api.jquery.com/show/

http://api.jquery.com/hide/

例えば

$('#feature .content1').hide();
$('#feature .content2').show();
于 2012-08-25T20:49:11.237 に答える
0

たぶん、あなたが説明したことから、jquery-uiタブを使用することができます。使い方はとても簡単です。

ULとLIを使用してタブボタンを定義し、DIVのリストを使用して各タブページを定義します。いくつかの命名規則がありますが、残りはjquery-uiによって処理されます。

于 2012-08-25T20:39:13.330 に答える