Hallo Leute,
ich möchte mittels jquery mobile den Wert von data-collapsed eines DIV Containers ändern.
Und zwar in Abhängigkeit von der aktuellen Fensterbreite. Dazu habe ich folgendes probiert:
Beim aufrufen der Seite klappt das gut. Allerdings funktioniert das nicht wenn man die Fenstergröße ändert, ohne die Seite zu aktualisieren. Hat jemand eine Idee was ich falsch mache?
ich möchte mittels jquery mobile den Wert von data-collapsed eines DIV Containers ändern.
Und zwar in Abhängigkeit von der aktuellen Fensterbreite. Dazu habe ich folgendes probiert:
Code:
$(document).on('pagecreate', '[data-role="page"]', function(){
var viewportWidth = $(window).width();
if(viewportWidth > 620){
$("#index_cats").collapsible({ collapsed: false });
}else{
$("#index_cats").collapsible({ collapsed: true });
}
});
$(window).on('resize', function(){
var viewportWidth = $(window).width();
if(viewportWidth > 620){
$("#index_cats").collapsible({ collapsed: false });
}else{
$("#index_cats").collapsible({ collapsed: true });
}
});
Beim aufrufen der Seite klappt das gut. Allerdings funktioniert das nicht wenn man die Fenstergröße ändert, ohne die Seite zu aktualisieren. Hat jemand eine Idee was ich falsch mache?