Kiosk实现

Question

我有一个相对简单的网络应用程序，作为一个亭的功能，我目前正在修订。我最初的目标只是让它正常工作，但现在我正在尝试实现一种更优雅的方法。

基本背景信息：

• 内容--所有的内容都是通过php来自数据库的--要么响应ajax调用，要么直接用php回显内容(大部分内容)。这一部分我已经修改过了，虽然还不完美，但它确实是effective/flexible.
• What的--我们的客户使用这个信息亭进行一次或多项调查。一旦表单通过验证，就会提交数据。如果这是最后一次调查，会议就结束了。如果有更多的调查，他们会继续进行调查。

问题:我有一个混乱的jQuery事件处理程序来控制kiosk的行为。基本上，这种行为包括根据kiosk所处的状态显示/隐藏DOM中已经存在的元素。

instructions

• toggling alert)

• showing

• 切换注销屏幕(提前结束调查)

• 转到下一个/上一个问题，即显示自动注销警告的调查

• 空闲计时器(再次显示/隐藏不漏掉的问题，如果表单通过简单的验证

，则不隐藏足够的answered

• submitting )。

我补充的调查越多，我遇到的特殊情况就越多，jQuery似乎变得越混乱。只由单选按钮组成的调查很容易(尽管代码仍然不优雅)，但我似乎把那些有问题的(依赖其他问题的问题)和文本响应作为特例来对待，而我希望能够对jQuery采取更加模块化/面向对象的方法。

我考虑过..。

• Prototype
• jQuery UI Widget Factory
• Writing my my jQuery Plugin
• Writing我自己的javascript class
• Knockout.js
• Continuing当前的jQuery方法，只是清理了

预先感谢您提供您的专业知识，并根据我的项目背景为我指出正确的方向。

Answer 1

Backbone.js将是解决这个问题的极好方法。这个方法可以解决我的问题。

将模型从视图elements

• Backbone.js

• 中分离出来的
• 利用继承的优势，可以创建具有标准行为的基类和子类来实现一些调查中的特殊行为--

非常轻量级，并且“很好地与其他人一起使用”。