0

異なるURLを指すブートストラップナビゲーションリストがあります

   <div class="span2">
                <div class="sidebar-nav">
                    <ul class="nav nav-list">                       
                        <li class="active">
                            <a class="pass" href="#">Password</a>
                        </li>
                        <li>
                            <a class="favor" href="#">My Favorites</a>
                        </li>
                        <li>
                            <a class="open" href="#">Open</a>
                        </li>
                    </ul>
                </div>
        </div>

いずれかのURLをクリックしたときに、以下のdivにページをロードしたいのですが、新しいページを開かないようにするにはどうすればよいですか？

 <div class="span10">
            <div class="page-content">
                  <div class="pass">
                  </div>
                  <div class="favor">
                  </div>
                  <div class="open">
                  </div>
            </div>
        </div>
4

1 に答える 1

1

JQuery .load（）を使用する必要があります

http://api.jquery.com/load/

したがって、最初に、次のようにターゲットdivにIDを指定する必要があります。

<div class="span10" id="target">

次に、次のロードを実行する各リンクにonClickイベントをバインドする必要があります

$('#target').load('/url/for/passwordadmin');

onClickイベントをバインドするための推奨される方法は、document.readyでこれを実行することです。

$(".passwordAdmin").click(function() {
  $('#target').load('/url/for/passwordadmin');
});

この機能を持つ必要があるリンクごとにこれを行う必要があります。

于 2012-09-17T13:52:38.347 に答える