个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
Stackoverflow 中有很多关于使用 jQuery/jQuery mobile 滑动的主题。然而，它们似乎都没有按照我想要的方式工作。以下是我的phonegap应用程序的索引页面的结构。如this主题推荐，我尝试了jgestures插件。
<html>
<head>
<title>App</title>
<script type="text/javascript" src="lib/cordova-2.2.0.js"></script>
<script type="text/javascript" src="lib/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="lib/jgestures.js"></script>
</head>
<body>
<div id="home">
<div id="headersec">
<!-- some elements like images here-->
</div>
<div id="screen1">
<!-- three 80x80 images go here -->
</div>
<div id="screen2">
<!-- three other 80x80 images go here-->
</div>
</div>
</body>
</html>
我想要在 deviceready 事件中做的就是这个
document.addEventListener("deviceready",onDeviceReady,false);
function onDeviceReady() {
$('#screen1').bind('swipeleft',showNext); //show next hides screen1, shows screen2
$('#screen2').bind('swiperight',showPrev);//show prev hides screen2, shows screen1
}
但这不适用于我尝试过的任何示例代码。任何人都可以告诉我我做错了什么吗？
最佳答案
看起来像this问题有类似的问题。解决方案是这样做:
document.addEventListener("deviceready", function(){
$('#screen1').bind('swipeleft',showNext); //show next hides screen1, shows screen2
$('#screen2').bind('swiperight',showPrev);//show prev hides screen2, shows screen1
},false);
或者也许您只需要在调用事件监听器之前定义函数onDeviceReady。
关于jquery - 使用 Jquery 和 jgestures 在 Cordova 中滑动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15063030/
24
4
0
我已经包含了jgesture.min.js，但是滑动功能不起作用，谁能告诉我如何解决问题 this.container.bind("swiperight", function(event, bod
我正在尝试使用 jGestures 实现触控。 swipeone 工作正常，但其他任何东西(向左滑动、向右滑动等)都没有触发。 $('#wrap').bind('
我有许多动态生成的 div 需要点击。对于面向鼠标的设备，我通常这样做: $("#wrap").on("click", 'div', function() { console.log("clicked
Stackoverflow 中有很多关于使用 jQuery/jQuery mobile 滑动的主题。然而，它们似乎都没有按照我想要的方式工作。以下是我的phonegap应用程序的索引页面的结构。如th
我是一名优秀的程序员,十分优秀！