如何使用引导程序和 jquery 在特定位置显示新页面

Question

看这张图，我需要这样的

 <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>

Answer 1

您可以使用 jquery 的 load 方法来执行此操作。

<script type="text/javascript">
$(function(){
    $("#firm").click(function(){
        $("#content_inner_nosidebar").load("/path/firmware.html")
    })
});
</script>