一页Codeigniter网站使用jquery？AJAX？

Question

我希望得到一些建议,想象一下,如果你将在网站上,并且只有导航菜单,只需单击位于屏幕左侧的导航菜单,就可以在右侧添加各种内容屏幕的一侧加载在个别'divs'然后折叠成手风琴(这实际上是一个单页网站(是的我知道可怜的搜索引擎优化,可访问性和可用性).现在这引起了我的一些问题.1)什么会是单击这些"模块"时加载每个"模块"的数据的最佳方式.如何在离开索引页面时加载codeigniter视图？2)用户还可以删除"模块"如何在不离开页面的情况下实现这一目标？3)如果有3个页面从3个不同的视图加载所有的手风琴我怎么能这样做所以只有一个手风琴可以打开？4)如果'模块'中有更多的链接,它应该加载到其左边的另一个视图中,我该如何控制它？

我知道我正在提出很多建议,但我从未在网上看到任何类似这样的内容,并且非常感谢有关最佳方法的一些反馈.

Answer 1

这真的是关于jQuery和jQuery的Ajax方法的问题.你不是在问这里有什么太难的事.只是一个菜单,它向服务器异步调用内容,并将respose HTML加载到特定的DIV中.

$("a.homePage").click(function(){
  showLoadingAnimation(); // Indicate ajax-loading
  $("div.Container").load("/home", {}, function(){
    hideLoadingAnimation(); // Hide indicator after content is loaded
  });
});

这将加载到您的home视图中.请确保它不会带来模板.一旦开始实际开发,请返回此处以询问更具体的问题,以获得更快更彻底的响应.