问题标签 [crossroadsjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
211 浏览

javascript - 在优化 (r.js) 中使用 crossroads.js 时出错,需要设置

我使用RequireJS开发了一个应用程序,没有优化层 - 需要单独下载每个文件。这是外部标记:

这个功能没有任何问题,但是对于 100 多个文件,加载时间真的很长。所以,是时候介绍r.js 优化了!我使用 node 和 r.js 创建一个组合文件,然后更改data-main="main"data-main="_build/main".

我收到以下错误:

错误:不匹配的匿名 define() 模块:(crossroads.js 的整个主体)

想法:

我仍在挖掘,但希望有人可以在这里为我节省一些时间。

0 投票
1 回答
1629 浏览

javascript - 使用 crossroads.js 和 hasher.js 返回根页面

我刚开始使用crossroads.jshasher.js,并且成功解析了我的大部分路线。我不明白的是如何回到页面的根目录。我知道我说的不对,但这是我的问题:

  1. 我导航到http://example.com,然后我看到了我需要查看的内容。

  2. 我将哈希更改为http://example.com/#/foo并执行更改 DOM 所需的操作。

  3. 我尝试在浏览器中单击返回,我在这里很糟糕。

也许我需要在十字路口定义“根”路线?我对历史做错了吗?

0 投票
1 回答
192 浏览

jquery - 使用 Knockout 和 Require 同时加载外部模板和数据绑定

我想同时发送视图和数据请求,然后当视图和数据请求响应时,它们需要被绑定。我为此使用 setInterval。但我不知道这是否正确。

有时我需要更新大部分 ViewModel 数据。我不知道如何更新这些海量数据。

使用此代码,我可以获得视图和数据。但我不能在 viewModel 中使用数据。因为如果我在绑定后尝试更新数据,我不知道该怎么做。

有什么建议么?

在 app.js 中

在购物车.js

0 投票
2 回答
91 浏览

html - 如何在使用客户端路由的同时在页面内实现链接?

我正在开发一个 SPA,使用 crossroads.js 进行客户端路由。一切都运行良好,只有一个例外。

我在这个 SPA 中有一个非常大的页面,我希望能够使用内部链接在顶部提供一个目录。在过去,我做过这样的事情:

这些将链接到具有相应 ID 的同一页面中的元素。

但是,既然我正在使用客户端路由,这似乎也不起作用。我正在使用它的页面有一个如下 URL:

单击上面的链接之一确实会将页面移动到屏幕上的正确位置,但会将 URL 更改为:

是否有一种标准方法来处理 SPA 中的内部链接,同时保留 URL?

0 投票
2 回答
4526 浏览

javascript - Crossroadsjs 路由:如何使用?

我正面临与这个问题相同的问题,因为我现在正试图弄清楚如何使用十字路口几个小时,但似乎没有任何效果。它的网站只是另一个记录不佳的网站......我想我可能很愚蠢!我想知道有没有人做到了?

html头,

app.js,就这么简单,

所以我在我的本地主机浏览器上试了一下,

什么都没发生。我以为会123??

0 投票
1 回答
367 浏览

javascript - 无法使用 RequireJS 加载 crossroads.js

我尝试使用 RequireJS 加载 JS 文件,但是十字路口http://millermedeiros.github.io/crossroads.js/ 似乎没有正确加载。我已经使用 Chrome 开发工具栏进行了检查,并且所有 JS 文件都已实际加载。但是运行window.crossroad让我返回undefined

以下是我的requirejs config..请指教...谢谢!

索引.html

配置.js

main.js

0 投票
1 回答
2355 浏览

javascript - Crossroads.js 和 router.js 的比较

看起来 crossroads.js 比 router.js 旧得多。所有关于 crossroads.js 的文章似乎都是从 2011 年开始的。我想知道是否有人有比较:

  • 为什么你会使用其中一个的原因
  • 他们运作方式的差异
  • ETC

另见:https ://github.com/tildeio/router.js/issues/108

0 投票
1 回答
2066 浏览

javascript - 带 Crossroads 和 Hasher 的单页应用程序路由,例如

我正在尝试编写我的第一个单页应用程序。这个想法是有 1 个包含许多<div>标签的 HTML 文件;其中每个<div>代表一个网页“页面”。然后应用程序<div>一次只显示 1,并隐藏其他。这样,当用户浏览我的应用程序时,我实际上只是显示/隐藏不同的“页面”div,并给人一种单页应用程序的错觉。

附加要求是:

  • 这是一个 HTML5 应用程序
  • 每个页面 div 也必须映射其自己的可收藏 URL(http://myapp.example.com/#fizzhttp://myapp.example.com/#buzz等)
  • 单个页面 div 是可收藏的,应用程序必须使用 HTML5 历史 API

我决定使用 Crossroads 进行路由,并使用 Hasher 进行历史记录。另一个主要竞争者是 AngularJS,但最后我决定反对 AngularJS,因为它对于我在这里尝试做的事情来说太重了,而且似乎有一个更陡峭的学习曲线与之相关。

到目前为止,我的项目具有以下目录结构:

index.html包含我的,myapp.css和文件的 JSFiddlemyapp.js在这里:

http://jsfiddle.net/Sxfms/2/

这个想法是,用户可以单击“导航栏”中的链接之一(“主页”、“关于”、“联系方式”)并被带到代表该特定页面的“页面”(div)。如您所见,默认的“页面”应该是HOME,这意味着这是您应该能够看到的唯一 div。但是所有的页面 div 都是可见的,没有一个是隐藏的。在我能够正确显示/隐藏页面 div 之前,我无法真正测试路由/历史功能。我是否以某种方式错误地配置了 Crossroads/Hasher?

0 投票
1 回答
707 浏览

javascript - 如何在 Crossroads 中获取 URL 的实际值

可以说,我已经定义了一条路线,例如:

如果用户使用 url 发出请求/root/finder/1234,那么这与上述模式匹配,并且请求将由finderHandler() Now 处理,在 my 中finderHandler,我想获取原始 url 值。在这种情况下,它是/admin/finder/1234,我怎样才能得到它?

0 投票
1 回答
116 浏览

javascript - 刷新 hasherJS/crossroadsJS 路由

我在由 handlebarsJS 提供支持的 SPA 上使用 crossroadsJS 和 hasherJS。回想起来,我可能应该在 Ember 上构建整个东西,但是在这么晚的时候重新开始是不明智的。

我设置了哈希路由,可以根据点击的内容切换我的车把模板。我可以毫无问题地在路线之间来回移动。但是,如果我刷新页面,我总是会回到我的 #/home 视图。我对 window.onhashchange 和 window.onbeforeunload 进行了一些研究,但这些似乎都没有解决问题。

我有一个非常具体的方式来处理我的观点。我有一个像这样构造的全局视图对象:

我之所以提到这一点,是因为我不能简单地为 a$(document).ready()$(window).onhashchange

我已经多次阅读了 hasherJS 和 crossroadsJS 文档,但我想不出任何办法来解决刷新问题。提前感谢您的帮助。