看看这张图片,我需要完全一样的
<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>