Обработка событий jqTouch и странное поведение функций - PullRequest
Новая
       3

Обработка событий jqTouch и странное поведение функций

2 голосов
/ 23 августа 2010

Может кто-нибудь сказать мне, почему картинки прыгают в конце, который я хочу центрировать?

http://vertic4l.com/prinzipalmarkt/mobile.php

Вот мобильный сайт, над которым я работаю, если первыйЭлемент li введен, функция будет активирована.Но это не работает так, как должно ...

Я уже сделал это на обычном веб-сайте без особых проблем (vertic4l.com/prinzipalmarkt/index.php).Но теперь у меня нет никакой идеи, где мне следует искать решение этой проблемы.

Если введен первый элемент li:

область просмотра будет проверена, то размеры будут установлены, изображения будут центрированыи, наконец, оверлейный div исчезает и будет удален из DOM.

Но эти последние пункты не хотят делать так, как следовало бы.Более того, мне нужно вызвать второй щелчок или сделать это вручную, иначе все изображения не будут отцентрированы.: /

Вот код: 

jQuery(function(){
            jQuery('body').bind('turn', function(event, info){
                var windowWidth = $(window).width();
                if(windowWidth >= 450){
                    jQuery(".dcontent").each(function(){
                        jQuery(this).css({
                            'width' : '450px'
                        });
                    });
                }
                else{
                    jQuery(".dcontent").each(function(){
                        jQuery(this).css({
                            'width' : '310px'
                        });
                    });
                }
            });

            jQuery('#kaufleute').bind('changeState',function(){
                var windowWidth = $(window).width();
                if(windowWidth >= 450){
                    jQuery("#kasten").css({'width' : '460px'});
                    jQuery(".img_center").each(function(){
                        var $li = jQuery(this), $img = $li.find('img');
                        $li.css({
                            'margin-right' : '4px',
                            'margin-bottom' : '4px',
                            'width' : '145px',
                            'height' : '145px',
                        });
                        $img.css('padding-top', ($li.height() / 2) - ($img.height() / 2));
                    });
                }
                else{
                    jQuery(".img_center").each(function(){
                        jQuery("#kasten").css({'width' : '320px'});
                        var $li = jQuery(this), $img = $li.find('img');
                        $li.css({
                            'margin-right' : '6px',
                            'margin-bottom' : '6px',
                            'width' : '150px',
                            'height' : '150px'
                        });
                        $img.css('padding-top', ($li.height() / 2) - ($img.height() / 2));
                    });
                }
                jQuery(".overlay_pic").animate({opacity: 0}, 2000, 'swing').queue(function(){
                    jQuery(this).remove();
                });
            });
            jQuery('.page').click(function(){
                jQuery('#kaufleute').trigger('changeState');
                jQuery('#kaufleute').trigger('turn');
            });
        });

Кто-нибудь может мне помочь?

...