如何使用棘轮启用push.js ajax内容加载器

我试图从棘轮实现push.js引擎：

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

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

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

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

这是我的https://stackoverflow.com/questions/14573215/how-to-enable-push-js-ajax-content-loader-with-ratchet/one.html文件：

             <!-- Make sure all your bars are the first things in your  --> 
 
https://stackoverflow.com/questions/14573215/how-to-enable-push-js-ajax-content-loader-with-ratchet/one.html
 
  
 
 
  two   
 
 
   

这是我的https://stackoverflow.com/questions/14573215/how-to-enable-push-js-ajax-content-loader-with-ratchet/two.html文件：

              <!-- Make sure all your bars are the first things in your  --> 
 
https://stackoverflow.com/questions/14573215/how-to-enable-push-js-ajax-content-loader-with-ratchet/two.html
 
  
 
 
  one  
 
 
   

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

看起来像push.js，但是当我点击一个href时什么也没做。

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

谢谢您的帮助。

Answer 1

Ratchet可以处理触摸事件，这些事件在浏览器中不可用。 在Chrome中，转到chrome：// flags /并启用“强制启用触摸事件”。 这应该成为浏览器开发的诀窍。 如果你想在没有标志的桌面上工作，你将需要一个js框架来将触摸事件转换为指针事件。 像https://github.com/maker/ratchet/blob/master/docs/js/fingerblast.js这样的东西应该可以解决问题。

Answer 2

Ratchet在移动设备上使用与桌面浏览器中使用的指针事件不同的触摸事件。

您可以使用前面答案中提到的Chrome标记，也可以使用@ fat的fingerblast.js将触摸事件转换为指针事件。

fingerblaster.js文件可以在这里找到： https ： //github.com/stephanebachelier/fingerblast.js

重要提示：为了启用fingerblaster.js，您需要在body元素的末尾包含以下脚本（一旦加载了html内容）：

这将创建一个新的FingerBlast对象并在html文档的主体上设置监听器（您可以将任何css选择器字符串放在’body’的位置）。

Answer 3

我问了同样的问题。 似乎它只适用于ios /手机，而不适用于网络浏览器。

请参阅： https ： //github.com/maker/ratchet/issues/148

Answer 4

我发现Ripple Emulator在这个“问题”上运行得很好（我认为只在Chrome上可用）

这很好，因为你不需要添加另一个js库

Answer 5

现代Firefox浏览器具有称为“响应式设计视图”的Web开发人员function。 它允许您在较小的视口中查看网页，以模拟在手机/平板电脑上的使用。 它还允许您模拟触摸事件。 我发现在Web应用程序上使用Ratchet时它特别有用。

在Firefox中，您可以通过转到工具 – > Web开发人员 – >响应式设计视图或使用热键“选项+命令+ m”来启用响应式设计视图。

有关响应式设计视图的更多信息，请访问此处 。

Answer 6

您可以下载Chrome Canary并使用开发者工具点击电话图标（第一个），然后选择您要模拟的手机，甚至可以使用Responsinator.com 。

PushJS嵌入到ratchet.js中。

Answer 7

使用FingerBlast。 尝试过Chrome，Safari和它的工作原理。

https://github.com/stephanebachelier/fingerblast.js/blob/master/lib/fingerblast.js

Answer 8

在Google Chrome上，您可以使用开发者控制台并使用触摸事件模拟移动设备https://developer.chrome.com/devtools/docs/device-mode#emulate-touch-events