我的移動頁面顯示的圖像比屏幕大,所以用戶需要向右滑動才能看到整個事物(如預期的那樣)。我想提出,當用戶掃描隱藏導航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>
而且圖像還不會四處瀏覽,所以這個問題是不是在刪除VS隱藏或相關的div他們自己。
#container DIV中的圖像是?你試過'.hide()'而不是'.remove()'嗎? – Etienne 2015-02-11 16:42:52
圖像以固定位置放置在容器div的頂部,但圖像div實際上不在容器內。 – thumbtackthief 2015-02-11 16:55:03