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