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

有人可以帮帮我吗？

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

0 个答案: