滑動事件防止導航

我的移動頁面顯示的圖像比屏幕大，所以用戶需要向右滑動才能看到整個事物（如預期的那樣）。我想提出，當用戶掃描隱藏導航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他們自己。

來源

2015-02-11 thumbtackthief

#container DIV中的圖像是？你試過'.hide（）'而不是'.remove（）'嗎？ – Etienne 2015-02-11 16:42:52

圖像以固定位置放置在容器div的頂部，但圖像div實際上不在容器內。 – thumbtackthief 2015-02-11 16:55:03

問題是你是從DOM與

$（ '＃箭頭'）刪除元素。remove（）方法。

你需要做的是

$（ '＃箭頭'）隱藏（）

來源

2015-02-11 16:46:17

沒有區別 - 結果相同。請注意，我已將swipe附加到容器div，而不是箭頭。 – thumbtackthief 2015-02-11 16:54:04

查看我上面編輯的 – thumbtackthief 2015-02-11 16:57:18

我有這樣的頭：

<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>

除去第一連桿固定的問題。如果有人想解釋爲什麼作爲答案，我很樂意接受它。

來源

2015-02-11 17:00:53 thumbtackthief

如果應該關閉這個問題或修改標題以更好地反映操作問題，那就試試吧。 – thumbtackthief 2015-02-11 17:01:12

滑動事件防止導航

回答

相關問題