问题标签 [pagerjs]

我开始使用 KnockoutJS (2.2.1)、SammyJS (0.7.4) 和PagerJS（最新来自 github 和 jquery hashchange）的组合来创建单页应用程序，我遇到了路由问题，因为它们在 Chrome 版本 24.0.1312.57 m 或 Firefox 16.0 中不起作用（由于某种原因，它实际上在 IE7 中起作用）。

使用 sammyjs，我指定了应用程序应响应的路由及其相应的操作，例如加载用户数据。pagerjs 中使用相同的路由来指定要显示的页面。由于某种原因，执行了 sammyjs 代码，但没有执行 pagerjs 代码。

在更新路由时，例如从#!/to #!/user，pagerjs 不会切换到新页面，但在#!/user?uid=123和 之间切换时数据会按预期更新#!/user?uid=321。但是，当删除 sammyjs 代码时它可以工作 - 页面之间的切换可以工作，但数据当然不会正确更新。

似乎 SammyJS 终止了 pagerjs 的进一步执行，但由于我对这些库很陌生，这很可能是我的代码行为不端。非常适合任何见解。

javascript 代码如下所示：

这是带有 pagerjs 数据绑定的 HTML：

我刚刚开始使用 KnockoutJS，我将它与 PagerJS、SammyJS 和 BootStrap 结合使用来构建单页应用程序，我现在有点迷茫。

令我吃惊的是我应该如何组织视图模型并以简单且可重用的方式组合路由和页面？现在感觉就像一堆松散的碎片，几乎不适合。我已经检查了一些关于 SO 的答案，但我仍然没有掌握如何组织应用程序。

目前，我在页面上有一个视图模型，作为概念证明，它只为用户处理个人信息和即将发生的事件的显示。但是，现在我必须合并其他类型的信息，并且拥有一个视图模型，而不是多个视图模型似乎是不对的，因为期望用户能够管理他/她的事件、联系人和任务并列出其他用户、事件和任务等。还有更多即将到来。

用户选择/选择的几乎所有选项都在数据库中定义。例如，用户任务和解决这些任务的相应动作是在数据库中预定义的。

大多数示例倾向于将 SammyJS 路由放在 viewmodel 中，但是当页面上有多个 viewmodel 时，我想将 SammyJS 从单个 viewmodel 移动到自己的位置，即有一个地方可以编辑路由。

我的想法是使用 PagerJS 在不同的视图之间轻松切换，但它需要在 SammyJS 中设置的路径和用于 PagerJS 的数据绑定路径之间进行同步。例如，选择＃！/用户时，Sammy中的路由会处理请求并获取要显示的数据，并显示Pagerjs显示用户页面。对我来说感觉有点脆弱，但这也许是它应该如何工作的。

如果您正在创建 pagerjs 应用程序，如何将您打开的路径设置为活动状态。例如

拥有一个 css:{selected:isVisible} 绑定很容易，但 isVisible 会是什么样子？它在文档中提到了这一点，但没有显示 isVisible 的样子。pagerjs 中有可以绑定的东西吗？

我在我的asp .net mvc 应用程序中使用淘汰赛，现在我想设置pagerjs。按照说明，我在主布局中为我的导航菜单添加了这部分 html

我的部分观点是：

但是，当它呈现 html 时，我得到了以下结果：

我的开始 div 不可见。

我不明白为什么会显示这个未定义？有什么帮助吗？

谢谢

新手问题。我认为 pagerjs 是一个可以与淘汰赛配合使用的客户端框架。那么为什么我需要安装 node.js 呢？没有节点有什么方法可以使用吗？还是我误解了它的工作原理？

当值是由敲除绑定的数据时，有什么方法可以触发 onchange 事件？

我在 C# 控制器中构建/填充了一个模型......然后在视图中：

我绑定了一个文本框（最终将是一个隐藏的输入）：

但它没有触发 onchange 事件......我可以在开发工具中看到值的变化，但没有任何东西被触发。

我正在使用 Pager.js 和 withOnShow 使用通配符动态获取正确的数据。它在您第一次访问页面时工作，但如果您导航到新的 id，则会返回正确的 viewModel，但不会更新绑定。

html:

JS

jsFiddle：http: //jsfiddle.net/xU4Uu/

尝试导航到其中一个链接，然后使用新链接导航到另一个 ID。控制台日志显示返回的正确 id 但 h1 未更新。

我是用错了还是 pager.js 中的错误？我正在进行一个项目，我真的需要让它发挥作用。有人解决了这个问题吗？

如果我有类似的嵌套页面

如何从内页的视图模型访问外页的视图模型？

我正在尝试使用 Knockout、pagerjs 和 history.js 设置 SPA。但是，当我单击包含 的链接时data-bind="'page-href': '/somepath'"，出现 JS 错误：

对象函数 History() { [native code] } 没有方法“pushState”

这将向我表明我正在错误地初始化 pagerjs，但我认为我正确地遵循了演示。这是我初始化pagerjs的方式：

为了使 history.js 能够作为 AMD 模块加载，我将其添加到 history.js 的底部：

但是，我注意到它History没有pushState方法，这是 pagerjs 试图调用的方法。

集成pagerjs和history.js的正确方法是什么？

我的目标是编写一些可重用的代码来呈现基本的导航栏，因为这将是一项非常重复的任务。以下功能是我的第一个目标：

• 每个页面都应该在 foreach 绑定中呈现
• 每个页面都应该抓取读取当前路由的活动状态
• 每个页面都应该异步或内联加载

这是我的第一次尝试。我希望标记是这样的

每个页面项目应该看起来像这样

使用目标：

我需要有关 [1]、[2] 和 [3] 主题的帮助。任何指针？