2012-03-30 3 views
0

Я создаю приложение в мобильных телефонах и мобильных устройствах jQuery. Я пытаюсь использовать 2 iscroll на своей странице. На моей странице у меня 2 ли. Первоначально левая сторона li пуста. Когда я нажимаю правую сторону li, которая добавит к левой стороне li и удалит с правой стороны li. Первоначально я использую i scroll для просмотра элементов в правой части li. Это нормально. Но в левой стороне li iscroll не наступает, когда контент превышает высоту. Я много искал. У меня есть некоторые предложения, но это не сработает для меня. ЭтоПредставляем isroll после изменения контента dom

Сначала добавьте checkDOMChanges: true в мои варианты, а затем установить тайм-аут Eg: setTimeout(function() { myScroll.refresh() }, 0)

Моя правая сторона ул идентификатор accounts_container, левая сторона уль идентификатор destinations_container

Мой код:

var destinations_scroll1, accounts_scroll; 
function loaded() { 
    destinations_scroll1 = new iScroll('destinations_container'); 
    accounts_scroll = new iScroll('accounts_container', { 
     checkDOMChanges: true 
    }); 
setTimeout(function() { accounts_scroll.refresh() }, 0) 
} 
document.addEventListener('touchmove', function (e) { 
    e.preventDefault(); 
}, false); 
document.addEventListener('DOMContentLoaded', loaded, false); 

Затем по этой ссылке http://groups.google.com/group/iscroll/browse_thread/thread/6bdf7a2b5552d018

Я попытался

destinations_scroll1.destroy(); 
destinations_scroll1= null; 
destinations_scroll1= new iScroll('destinations_container'); 

setTimeout(function() { 
destinations_scroll1.refresh(); 
},0); 

В rhosimulator это создать нормальный CSS прокрутки, но не работает в эмуляторе (реальный завещанию).

Любые предложения?

ответ

0

Я идиот. В приведенном выше коде я проверяю checkDomChanges и обновляющий объект прокрутки для правой стороны ul, но я добавляю динамический контент в левой стороне ul.

var destinations_scroll1, accounts_scroll; 
function loaded() { 
    accounts_scroll = new iScroll('accounts_container'); 
    destinations_scroll1 = new iScroll('destinations_container', { checkDOMChanges: true }); 
    setTimeout(function() {    
      destinations_scroll1.refresh();  
    }, 0); 
} 
document.addEventListener('touchmove', function (e) { 
    e.preventDefault(); 
}, false); 
document.addEventListener('DOMContentLoaded', loaded, false); 

Это прекрасно работает.

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

  • Нет связанных вопросов^_^