棘轮Push.js不推
我已经在CodeIgniter之上构建了一个PHP，它的工作方式是将控制器移到控制器(.php文件)，而不是从一个静态页面转到另一个静态页面(.html文件)。
问题:链接无法工作.
我不确定这是否是问题所在，但我已经查过那些文件了，与源代码相比，它似乎是唯一的例外--我调用的是.php文件，而不是.html文件。
在您询问-在我的系统上，booknav是一个可行的控制器，加载一个可行的视图点击它。
而且-我可以看到这里的片段实际上是工作的。我试图调试这个--为什么这里的代码段发送一个链接，而我的服务器上的等价物却没有呢？
下面是我最终的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>
回答 1
Stack Overflow用户
发布于 2014-11-08 04:41:01
如果单击链接，浏览器导航到http://yourwebserver/projectroot/booknav，而不是用过渡动画交换页面内容，这是因为您没有在浏览器中模拟设备。由于没有触发push.js事件，所以不会触发touchend。使用铬显影工具，或安装波纹。
棘轮将为窗口接触式事件添加一个处理程序，拦截导航，并从DOM中分别加载整个目标页面，然后将新内容与dom上的内容容器交换。
运行ratchet.js的一些一般要求
1)测试在web服务器内运行或部署到设备上的应用程序。
2)必须使用仿真器触发触摸事件(或在设备上运行)
3)页面内容需要良好的格式化。它应该有匹配的页眉，页脚，导航，内容元素在每一页。您的链接上不应该缺少data-transition标记。
您可以通过启用开发人员工具和启用设备仿真，或者使用像hammer.js触摸仿真器这样的库来触发chrome中的触摸事件。如果触发单击，您将绕过push.js，浏览器将导航，这不是您想要的。
如果内容没有很好的格式化，浏览器将重新加载当前位置的页面，这不是您想要的。
https://stackoverflow.com/questions/26423842
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号