DataZombies - iScroll не работает на клонированных div - PullRequest
Новая
       32

DataZombies - iScroll не работает на клонированных div

0 голосов
/ 15 октября 2011

Я клонирую шаблон <li> и последующий шаблон <div> (для которые <li> ссылки) из динамически извлекаемых данных. После того, как список создал я могу обновить s-scrollwrapper с помощью этого: $ .. ( '#Rlist') данных ( 'iscroll') обновить (); Это замечательно. Однако когда это приходит к шаблону мне не повезло в получении каждого из их освежить. Я попробовал вышеупомянутый метод, jQT.setPageHeight (); метод как onClick от ссылки <li> и когда каждый <div> создается. Я даже пытался добавить новый S- scrollwrapper в уже сформированный <divs> ни один из которых, кажется, не работа. 

    function loadInfo(){ 
... 
fillRedSection(availableArray, $('#entryTemplate')); 
$('#rlist').data('iscroll').refresh(); 
//Tried ways to refresh scroll of the cloned divs...nothing seems to 
work 
} 

function fillRedSection(arr, template){ 
  //iterating through the JSON data 
  for (i = 0; i<arr.length; i++){ 
        var dataLocation = arr;  //Data arr 
        var row = dataLocation[i].id;  //id# coming with JSON data 
        var newEntryRow = template.clone(); //cloned <li> template 
from HTML 
        newEntryRow.removeAttr('id'); 
        newEntryRow.removeAttr('style'); //removing hidden style 
        newEntryRow.attr('id', 'red-label'+row); //renaming the <li> 
id with the id from JSON 
        newEntryRow.attr('class', 'arrow'); //JQT class 
        newEntryRow.appendTo('#redlist ul'); //placing cloned <li> 
into ul 
        newEntryRow.find('a').attr('href','#red-'+row);//renaming href 
so it will link to the cloned <div> 
            var newEntryDetails = $('#red-description').clone(true, 
true);//cloning the div template 
            newEntryDetails.removeAttr('id'); 
            newEntryDetails.removeAttr('style');//removing hidden 
style 
            newEntryDetails.attr('id', 'reds-'+row);//renaming id so 
the <li> href can link to it 
             //1 Possible attempt at adding the scroll class as each 
div is created 
             // Hopefully avoiding problem of cloned scrolls with the 
same id name 
            /*var newScroll = $('.tester'); 
            newScroll.removeAttr('id'); 
            newScroll.attr('id', 'scroll-'+row); 
            newScroll.attr('class', 's-scrollwrapper');*/ 
            newEntryDetails.appendTo('#jqt'); //append cloned <div> to 
the main <#jqt> div. 
newEntryDetails.find('h4').text(dataLocation[i].business_name);// 
filling div from JSON 
       ... 
   } 
} 

//Attempt to refresh iScroll on the div that is being clicked on from 
the <li> 
//used onClick="refreshScroll() 
refreshScroll { 
jQT.setPageHeight(); 
}

Кажется, ничего не работает. Буду признателен за любую помощь в этом вопросе.

1 Ответ

0 голосов
/ 22 октября 2011

Спасибо за использование моего кода.Каждый идентификатор в вашей разметке HTML должен быть уникальным, иначе ваш JavaScript не будет работать.Когда вы раскрашиваете div, вы также дублируете его идентификатор.Мой код динамически назначал div с классом .s-scrollwrapper идентификатор на основе идентификатора страницы.Изменение ID страницы в вашем коде должно помочь.Также включите в ваш код следующее, чтобы все настроить. 

init_iScroll('<new page's div>');
...