一页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视图中加载。请确保它不会带来模板。一旦开始实际开发，请返回此处以询问更具体的问题，以获得更快更彻底的响应。