使用 jquery 的一页 Codeigniter 网站？阿贾克斯？答案

【问题标题】：One page Codeigniter site using jquery? ajax?使用 jquery 的一页 Codeigniter 网站？阿贾克斯？
【发布时间】：2010-12-21 16:46:48
【问题描述】：

我希望得到一些建议，想象一下，如果你愿意，你会在一个网站上看到导航菜单，点击位于屏幕左侧的导航菜单，你可以添加各种内容加载到单个“div”中的屏幕右侧然后折叠成手风琴（这有效地制作了一个单页网站（是的，我知道糟糕的 SEO、可访问性和可用性）。现在这引起了我的一些问题。 1）点击这些“模块”时，为每个“模块”加载数据的最佳方式是什么。我将如何在离开索引页面的情况下加载 codeigniter 视图？ 2）用户还可以删除“模块”，如何在不离开页面的情况下实现？ 3）如果有 3 个页面是从 3 个不同的视图中加载的全部在手风琴中，我该如何制作它以便只能打开一个手风琴？ 4）如果“模块”中有更多链接，它应该加载到左侧的另一个视图中，我该如何控制？

我知道我在征求很多建议，但我从未在网络上看到过这样的事情，并且非常感谢有关解决此问题的最佳方法的一些反馈。

【问题讨论】：

如果用户在访问您的网站时未启用 javascript，会发生什么情况？你需要确保你至少有一些没有它的功能！
如果我使用 jquery 的 load() 函数，链接应该会回到正常的链接功能

标签： php javascript jquery ajax codeigniter

【解决方案1】：

这确实是关于 jQuery 和 jQuery 的 Ajax 方法的问题。你在这里问的不是太难的事情。只是一个菜单，它对服务器进行异步调用以获取内容，并将响应 HTML 加载到特定的 DIV 中。

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

这将加载到您的 home 视图中。只要确保它没有附带模板即可。开始实际开发后，请返回此处提出更具体的问题，以获得更快、更全面的答复。

【讨论】：