基于Javascript的故事导航

时间:2014-02-24 09:44:14

标签: javascript jquery

我正在寻找使用Javascript和jQuery构建一个基于故事的流程网站来管理故事的“流程”。描述我要做的事情的最佳方式是使用an example

在这个例子中,他们使用一个名为Lazyload的Ajax加载器插件从另一个JS文件加载资源(看起来像underscore.js格式,可能?)。尽管如此,IMO看起来似乎是一种非常复杂的实现方法。

作为起点,所有元素都可以在页面上并隐藏.(hide),每个按钮的点击将显示并滚动到相关项目,然后将一个类添加到该按钮以使它们成为可能灰白,不可点燃。或者可能使用Ajax在需要时调用故事组件?您认为最简单,最好的方法是什么?

2 个答案:

答案 0 :(得分:1)

根据您需要加载的数据量,我会这样做:

  1. 正常加载页面(没有故事)
  2. 通过ajax调用
  3. 请求整个故事时向用户显示某种加载/等待界面
  4. 仅显示ajax完成后的第一个项目
  5. 隐藏页面中的“等待”界面
  6. 希望这有帮助

答案 1 :(得分:1)

根据你想使用长篇版本:

我第一次想到这是如何工作的,就是将每个StoryPart(让我们称之为Item)存储在一个特殊的文件中,以后可以用ajax加载。

然后可以定义一个可以使用itemId的可能的storyPath。

这对你有帮助吗?