jqTouch事件处理和函数的奇怪行为

Question

有人能告诉我为什么图片在我想要居中的末尾跳动吗？

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');
            });
        });

有人可以帮助我吗？