Question

我正在开发一个HTML5 / bootstrap应用程序，需要出于几个原因才能成为单页应用程序。我正在寻找一种在单个页面上“模拟”多页的方法例如，在显示配置文件部分时隐藏“客户”“伙伴”“订阅者”部分我不希望用户可以从一个部分向下滚动到另一个部分

我真的需要一个页面，所以像pagify这样的librairy不起作用，iframe不能正常工作任何想法？

感谢

Answer 1

为什么不能这样：http://getbootstrap.com/javascript/#collapse如果您使用Bootstrap，您可以隐藏并显示div。

电贺，米歇尔

Answer 2

如果我正确理解您的问题，您希望将所有内容保存在一个页面上，但一次只显示一个部分。您可以使用javascript隐藏所有div，然后设置每个导航按钮单击以显示相应的div：

 <input type="submit" id="custbtn" value="Customers" />
 <input type="submit" id="partbtn" value="Partners" />
 <input type="submit" id="subbtn" value="Subscribers" />

 <div id="customer">
     Customer stuff
 </div>
 <div id="partner">
     Partner stuff
 </div>
 <div id="subscriber">
     Subscriber stuff
 </div>


   $("#custbtn").click(function(){
   $("#customer").show(1000);
   $("#partner").hide(1000);
   $("#subscriber").hide(1000);
});

$("#partbtn").click(function(){
   $("#customer").hide(1000);
   $("#partner").show(1000);
   $("#subscriber").hide(1000); 
 });

 $("#subbtn").click(function(){
   $("#customer").hide(1000);
   $("#partner").hide(1000);
   $("#subscriber").show(1000);

}）;

Fiddle

html5是一个看多页的页面

2 个答案: