1

Codeigniter を使用して CMS バックエンドに取り組んでいます。私の質問を言葉で述べるのは明確ではないかもしれません。そこで、簡単な html コードを使用して質問を表現します。 という html ページがありますA.html。のコードA.htmlは次のとおりです。

<html>
   <head>
      /*something*/
   </head> 
    <!-- menu area -->
    <div class="menu">
       <ul class="nav">
         <li class="nav-header">menu item1</li>
         <li class="nav-header">menu item2</li>
         <li class="nav-header">menu item3</li>
       </ul>
    </div>


    <!-- content area -->
    <div id="content">
    </div>
</html>

#contentをクリックしたときにjQuery の読み込みを使用して のコンテンツを変更できることはわかっています。しかし、私の質問は、リンクをクリックしたときに残りのページ コンテンツを同じままにnav-headerして、コンテンツ エリア( ) だけでコンテンツを変更するにはどうすればよいかということです。#contentコンテンツエリア( #content)。を試してみましたiframeが、ページがより複雑になり、気に入りません。ありがとう。

更新: 別の例: たとえば、[ニュース リスト] メニュー項目をクリックしてから、ニュース リストを#content表示するように変更します。ページの残りの部分は同じままです。#content#content

4

2 に答える 2

1

ユーザーがナビゲーション リンクをクリックしたときに ajax を使用してページ コンテンツを読み込むには、jQuery を使用して次のようにします。(最初にメニューにリンクを追加する必要があります)

$('.nav-header>a').click(function(){

   $('#content').load($(this).attr('href'));

});
于 2013-09-16T04:06:36.650 に答える