Swipe事件阻止导航
Swipe事件阻止导航
提问于 2015-02-12 00:34:27
我的移动页面显示的图像比屏幕大，因此用户需要向右滑动才能看到整个内容(如预期的那样)。我想放入一个事件，当用户滑动时隐藏导航div：
<script type="text/javascript">
$(document).on('pageinit', '#main_page', function() {
$('#container').on("swipe", function () {
$('#arrow').remove();
});
});
</script>
<body>
<div data-role="page" id='main_page'>
<div id="arrow">
<div>Swipe</div>
<img src="rt_arrow.png"></img>
</div>
<div id="container" style="width:100%; height:340px;">
</div>
</div>
</body>这是有效的，除了滑动不再移动图像/视图。我正在iphone上测试，尽管我希望它能跨平台工作。
编辑：
我的测试是这样的：
<script type="text/javascript">
$(document).on('pageinit', '#main_page', function() {
});
</script>而且图像仍然不能到处导航，所以问题不在于移除和隐藏，也不在于div本身。
回答 2
Stack Overflow用户
发布于 2015-02-12 00:46:17
问题是您正在使用以下命令从DOM中删除元素
$(‘#箭头’).remove()。
你需要做的是
$(‘#箭头’).hide()
Stack Overflow用户
发布于 2015-02-12 01:00:54
我的脑海里有这样的想法：
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>删除第一个链接解决了此问题。如果有人愿意解释原因作为答案，我很乐意接受。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28459513
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号