jquery mobile çökebilir canlandırma çalışmıyor

Question

Şu anda Jquery Mobile'da katlanabilir bir setle mücadele ediyorum. Açarken/kapatırken ve açıldığında ekranın üst kısmına kaydırıldığında animasyonlu olmasını istiyorum. Projede daha önce çalışıyordu, ancak bir şekilde çizgiyi aşmaktan vazgeçtiler ..

Şanssızlığı bulmak için her şeyi denedim; Sorun hala CSS sayfalar olmadan devam ediyor ve ek JS kodlaması olmadan hala var. Ayrıca jQuery ve Jquery Mobile'ın (ve farklı kombinasyonlarda) farklı versiyonlarını denedim - hala hiçbir şey.

$(document).on('pagebeforeshow', function(){ 
$("[data-role='collapsible']").collapsible({ 
    expand: function(event, ui){ 
     $(this).children().next().slideDown(500); 
     $('html, body').animate({ 
      scrollTop: $(this).offset().top - 0 
     }, 800); 
    }, 
    collapse: function(event, ui){ 
     $(this).children().next().slideUp(500); 
    } 
}); 
}); 

kimse bu konuda herhangi bir deneyimi var mı: https://jsfiddle.net/usa8bjh1/

Bu kullanıyorum kodudur:

Ben tüm ilgili kodlama ile jsfiddle yaptı?

Answer 1

Ben güncelledik senin bir çalışma çözeltisi ile fiddle, katlanabilir olayları bu şekilde bağlayıcı:

$(document).on("collapsibleexpand", "[data-role=collapsible]", function() { 
    $(this).children().next().slideDown(500); 
    $('html, body').animate({ 
     scrollTop: $(this).offset().top - 0 
    }, 800); 
}); 

$(document).on("collapsiblecollapse", "[data-role=collapsible]", function() { 
    $(this).children().next().slideUp(500); 
});