问题标签 [push.js]

我正在尝试从棘轮实现 push.js 引擎：

http://maker.github.com/ratchet/#push

我从这里下载了棘轮文件：

http://maker.github.com/ratchet/ratchet.zip

并且正在使用 apache 来提供所有 js、css 和 html。所有文件都在同一个目录中。

这是我的 one.html 文件：

这是我的 two.html 文件：

我如何将这两个文件链接在一起？

看起来 push.js 包含在内，但是当我单击 a href 时什么也没做。

我觉得我错过了关于这个实现的一些明显的东西。

谢谢您的帮助。

我正在使用 ratchet.js（和他们的 push.js）开发一个 Web 应用程序并且有一个非常基本的问题。我的 CSS 代码将元素放置在一页中的三列中。然后，用户可以单击导航栏按钮转到下一页。进入下一页后，用户可以搜索某些内容。对于搜索，我通过表单处理它并使用 jquery 来检测何时提交表单。但是，当提交表单时，页面会重新加载，push.js 会出现故障。当发生这种情况并且用户单击返回第一页时，我的 css 无法正常运行，因为它仍然被第二页的内容 div 包围。我的问题：有没有办法在不重新加载页面的情况下提交表单（jquery 的 event.preventDefault() 不起作用）？如果没有，是否可以使用 push.js，然后在转换完成后让页面自行重新加载？

基本代码示例：第 1 页 ----

第2页

重申我的问题，用户单击链接（基本代码中未显示）以使用 push.js 转到第 2 页。在第 2 页中，他们确定，页面不应该重新加载的位置（我使用 ajax 来利用搜索查询等）。当用户返回时，左、中、右 css 不再起作用。

The Ratchet single-page application framework uses push.js to load new pages into view. For example:

This will use push to replace everything in the .content div with the .content of link.html. It will also update .bar-title and .bar-tab if you have them on both pages.

I would like to use the same mechanism with a Javascript function call. Before I start patching Ratchet, is there an elegant way to do that?

Thanks!

我用棘轮。我的 phonegap 应用程序有两个页面，包含 jquery.js、ratchet.js 和 blockui.js（基于 jQuery）。

索引.html：

2.html：

起初$.blockUi()运行正确。然后我按第一页的链接。在我按下第二页上的链接后，没有 JavaScript 运行。我该怎么办？

So on the GitHub documentation for Ratchet 2.0.2 I found the following statement.

Script tags containing JavaScript will not be executed on pages that are loaded with push.js. If you would like to attach event handlers to elements on other pages, document-level event delegation is a common solution.

Can someone please spell out exactly how to get a custom <script> to execute after being loaded by Push.js?

On my first page, I have a Table view, with several links to other pages, one of them being a link to a second page with a Twitter Feed widget on it.

The second page only contains the twitter feed widget code. When I browse to this page directly (without being loaded by Push.js) everything loads correctly, but when it is loaded via Push.js, the script is not executed.

Can someone please explain what I need to do to get this script to execute after being loaded by Push.js? I've searched Google, Stack Exchange, and Github\Ratchet issues and have not been able to find a good example of how to accomplish this.

One solution would be to add data-ignore="push" to the link, but I want to know how to do with WITH push.js.

我正在开发一个带有 Ratchet 2.0.2 的 Phonegap 应用程序，使用 push.js 在页面之间进行转换。一切都很顺利，但几个小时前我偶然发现了这个：

包含 JavaScript 的脚本标签不会在使用 push.js 加载的页面上执行。如果您想将事件处理程序附加到其他页面上的元素，文档级事件委托是一种常见的解决方案。

在做了更多研究后，我发现了这一点：Execute custom script after page loaded with Ratchet\Push.js

这与我遇到的几乎相同的问题，但是我需要更进一步，因为我不仅需要加载一个脚本，还需要加载两个（将来可能还会更多），我如何利用 checkPage() 来加载多个脚本？

尝试使用 Ratchet 的 push.js，但不起作用。我在控制台中有什么：

如果您点击链接十次，您将开始收到以下信息：

所有这些来自真实设备测试（iOS 7.1）的控制台数据，包装器是 Cordova CLI 3.4.1-0.1.0。

文件 booking.html 存在，像这样的原生 safari 失败

没有出现。

我正在使用 Ratchet.js/push.js 库为移动 Web 应用程序创建 UI。在这个库中，链接是通过将要加载的文件“推送”到“.content”DOM 元素而不是加载整个页面来处理的。但是，push.js 不会加载它在加载页面时找到的任何脚本——这会禁用我的 Knockout.js 代码。

我在 StackOverflow 上找到了一个运行良好的解决方案 - 只需为推送事件添加一个事件侦听器。我对其进行了修改，以便它可以跨多个页面加载任何脚本，因此它可以与外部脚本文件一起使用：

在目标 HTML 页面中，脚本被赋予了 class 和 id 标签，因此它们可以与上述内容一起使用：

还要注意，Knockout 绑定必须发生在特定的命名 DOM 元素上，这样才不会混淆：

我们使用 cleanNode 来避免“已经绑定”的错误。

好的！所以这一切都很好，我希望为此苦苦挣扎的人会发现它很有用。

但是，当链接被赋予过渡时：

然后它以“无法读取未定义的属性'nodeType'”中断。我曾认为这可能只是等待转换完成的问题，但即使我将脚本的 eval 替换为：

它没有帮助。

任何建议或帮助将不胜感激！如果我不使用过渡，我真的不需要“推送”页面，所以我希望有人拥有最后一把钥匙来完成这一切！

更新：发生错误是因为使用转换时的“document.querySelectorAll”调用使用当前文档而不是被推送的文档。此外，使用“webkitTransitionEnd”作为我的事件也可以，但这并不能解决文档问题。因此，我可以完成这项工作，但仅限于一次转换 - 现在我无法获取正在加载的文档。理想情况下，无论链接是否使用过渡都有效的解决方案是我正在寻找的。

我想使用 push.js 在我的 phonegap 应用程序上模拟原生转换。我使用backbone.js、zepto.js、ratchet.js、push.js 在我更改页面时不起作用。

• 主.js：

  /li>

• 路由器.js：

  /li>

• indexView.js/provaView.js ：

  /li>

-index.html

-indexTemplate.html：

-provaTemplate.html

任何想法？提前谢谢（对不起我的英语）

使用棘轮框架，我可以滑入/滑出任何页面，我遇到了必须先获取数据才能滑到下一页的情况。我可以获取数据但页面的幻灯片过渡消失了。有没有办法做到这一点？

我在这里有这个示例锚：

<a href="next-link.html" data-transition="slide-in" data-want="I want this data here">Next link</a>

尝试使用，

$('a').each(function() {

});