Проведите навигацию по предотвращению проворачивания

На моей мобильной странице отображается изображение, которое больше экрана, поэтому пользователю нужно прокрутить вправо, чтобы увидеть всю вещь (как и предполагалось). Я хочу поставить в событии, которое скрывает навигации 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, хотя я хочу, чтобы он работал на кросс-платформенной платформе.

EDIT:

я испытал просто имея это:

<script type="text/javascript"> 
     $(document).on('pageinit', '#main_page', function() { 

     }); 
</script>

И изображение еще не будет перемещаться, так что проблема не в отдалении против шкуры или имеющего отношения к диве самих себя.

источник

2015-02-11 thumbtackthief

Является ли изображение в #container DIV? Вы пытались использовать '.hide()', а не '.remove()'? – Etienne

Изображение позиционируется с фиксированным позиционированием на вершине контейнера div, но изображение div фактически не находится внутри контейнера. – thumbtackthief

Проблема заключается в том вы удаляете элемент из DOM с

$ ('# стрелок'). Удалить().

Что вам нужно сделать, это

$ ('# Стрелка') скрыть()

источник

2015-02-11 16:46:17

Не имеет значения - тот же результат. Обратите внимание, что я привязал саблей к контейнеру div, а не стрелке. – thumbtackthief

См. Мое редактирование выше – thumbtackthief

Я имел в голове:.

<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

Проведите навигацию по предотвращению проворачивания

ответ

Смежные вопросы