个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
25
4
我在 CodeIgniter 之上构建了一个 PHP 应用程序，它的工作方式是在 Controller 之间移动 Controller (.php 文件)，而不是从一个静态页面移动到另一个静态页面(.html 文件)。
问题:链接无法正常工作。
我什至不确定这是否是问题所在，But I've gone through the docs与源代码相比，这似乎是唯一的异常(exception)——我调用的是 .php 文件而不是 .html 文件。
在你问之前 - 在我的系统上，booknav 是一个可行的 Controller ，在单击它时加载一个可行的 View 。
另外 - 我可以看到这里的代码片段确实有效。我正在尝试对此进行调试 - 为什么此处的代码片段会发送链接，而我服务器上的等效项却没有？
这是我最终的 HTML 文件:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Project</title>
<!-- Including Ratchet CSS + JS + Custom CSS !-->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-status-bar-style" content="black">
<link href="//cdnjs.cloudflare.com/ajax/libs/ratchet/2.0.2/css/ratchet.css" rel="stylesheet" />
<script src="//cdnjs.cloudflare.com/ajax/libs/ratchet/2.0.2/js/ratchet.js"></script>
</head>
<body>
<header class="bar bar-nav">
<h1 class="title">Select Your Book</h1>
</header>
<div class="content">
<div class="card">
<ul class="table-view">
<li class="table-view-cell">
<a class="navigate-right" href="booknav" data-transition="slide-in">
<span><strong> Book 1</strong></span>
</a>
</li>
<li class="table-view-cell">
<a class="navigate-right" href="booknav" data-transition="slide-in">
<span><strong> Book 2</strong></span>
</a>
</li>
<li class="table-view-cell">
<a class="navigate-right" href="booknav" data-transition="slide-in">
<span><strong> Book 3</strong></span>
</a>
</li>
</ul>
</div>
</div>
</body>
</html>最佳答案
如果您单击链接并且浏览器导航到 http://yourwebserver/projectroot/booknav 而不是使用过渡动画交换页面内容，那是因为您没有在您的设备中模拟设备浏览器。 push.js 未触发，因为未触发 touchend 事件。使用 chrome 开发者工具，或安装 ripple。
ratchet 为窗口 touchend 事件添加一个处理程序，拦截导航并从 DOM 中单独加载整个目标页面，然后将新内容与 dom 上的内容容器交换。
运行 ratchet.js 的一些一般要求
1) 测试在网络服务器中运行或部署到设备的应用。
2) 您必须使用模拟器来触发触摸事件(或在设备上运行)
3)页面内容需要格式化。它应该在每个页面上具有匹配的页眉、页脚、导航和内容元素。您的链接上不应缺少 data-transition 标记。
您可以通过启用开发人员工具和启用设备模拟，或使用像 hammer.js touch emulator 这样的库来触发 chrome 中的触摸事件。 .如果您触发点击，您将绕过 push.js 并且浏览器将导航这不是您想要的。
如果内容格式不正确，无论当前位置是什么，浏览器都会重新加载页面，这不是您想要的。
关于javascript - 棘轮 Push.js 不推送，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26423842/
25
4
0
我在 iOS 应用程序中使用 Cordova、Phonegap 和 Ratchet。 如何在最新版本的 Ratchet 中添加其他图标？ 我们尝试使用引导图标集，但它与 Ratchet CSS 存在某
我有这个模型:www.guestinnation.com/mockup/list.html 如您所见，它是一个图像列表，但我希望在每个图像下都有一行这样的按钮:http://maker.github.
我在 CodeIgniter 之上构建了一个 PHP 应用程序，它的工作方式是在 Controller 之间移动 Controller (.php 文件)，而不是从一个静态页面移动到另一个静态页面(.
你好 MarionetteJS 大师， 我遇到了一个可能非常简单的问题，但我不知道如何解决它。我有一个包含 2 个区域和 1 个布局的应用程序，我正在使用 Ratchet CSS 库进行原型(prot
我想在同一台服务器上使用来自棘轮教程的应用程序“聊天”和“推送通知”(http://socketo.me) - “ Hello World ”(http://socketo.me/docs/hello
我使用棘轮。我的 phonegap 应用程序有两个页面，包含 jquery.js、ratchet.js 和 blockui.js(基于 jQuery)。 index.html: $.blockUi()
我是一名优秀的程序员,十分优秀！