1

ここに画像の説明を入力してくださいこの画像を見てください、私はまさにこのように必要です

 <div class="container-fluid">
        <div class="row-fluid">
            <div class="span2 well">
                <ul class="nav nav-list">
                    <li class="nav-header"><i class="icon-home"></i> Home</li>
                    <li><a href="#">D</a></li>
                    <li><a href="#"> Ged</a></li>
                    <li class="nav-header">System</li>
                    <li><a href="#">System staus</a></li>
                    <li><a href="#"> Gsetup</a></li>
                    <li><a href="#"> ASetting</a></li>
                    <li><a href="#"> Drives</a></li>
                    <li><a href="#">Power Setting</a></li>
                    <li class="active"><a href="firmware.html" id="firm">Firmware Update</a></li>
                    <li><a href="#">Administration</a></li>
                  </ul>
             </div>
            <div id="content_inner_nosidebar">
           </div>
        </div>
  </div>

このリスト項目はすべて左側に表示されます。このリストをクリックすると、関連ページが右側に表示されます。bootstarpクラスを使用しています。そして、私は流体グリッドシステムを使用するのが好きです。しかし、このリストをクリックしているときに、このリストの右側に新しいページをロードするにはどうすればよいですか？

このメインdiv内にdiv「content_inner_nosidebar」を作成しました。左側のリストのいずれかをクリックすると、すべてのデータが「content_inner_nosidebar」に表示されます。

<script src="js/libs/jquery-1.7.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/script.js"></script>
<script type="text/javascript">
$(function(){
    $("#firm").click(function(){
        $("#content_inner_nosidebar").append("/path/firmware.html")
    })
});
</script>
4

1 に答える 1

0

これを行うには、 jquery のloadメソッドを使用できます。

<script type="text/javascript">
$(function(){
    $("#firm").click(function(){
        $("#content_inner_nosidebar").load("/path/firmware.html")
    })
});
</script>
于 2012-12-18T16:10:51.397 に答える