2012-06-06 5 views
2

Итак, с чем я борюсь, это то, что я «теряю» части страницы после добавления элементов в раздел contens моей мобильной страницы jquery. Тогда я не могу прокрутить вниз, чтобы увидеть нижнюю часть страницы.JQuery mobile: размер страницы не обновляется после добавления элемента

Я пробовал несколько решений до сих пор.

$('#<pageId>').trigger('create'); after adding the elements. 

И размещая

$.support.touchOverflow = true; 
$.mobile.touchOverflowEnabled = true; 

в случае pageinit.

Кто-нибудь знает, что мне не хватает здесь?

С уважением

Edit:

У меня есть кнопки, показать/скрыть некоторые дивы, а также. Нажатие на них обновляет размер страницы, и затем я могу прокрутить весь путь вниз.

Проблема испытывается с помощью PhoneGap на андроид симулятор/устройство

+0

'.trigger ('создать');' обычно будет делать то, что вы хотите. Не могли бы вы предоставить образец кода (jsFiddle) для демонстрации? – Ryan

+0

@ Ryan Bates - Спасибо за ваш ответ. Я тестировал код в JSFiddle и не выдавал ту же ошибку. Стоит упомянуть, что я испытываю это с помощью phonegap, работая на симуляторе Android и на самом устройстве. – OMA

ответ

0

Так, по какой-то причине это не работает из коробки для андроида. Но я придумал другое решение.

После добавления элементов в DOM я устанавливаю размер тела в div, содержащий все элементы.

$('body').css({'height' : $('#<div id>').height()}); 

Надежда кто-то экономит время :-)

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