javascript - jQuery水平和垂直定位脚本在IE8中不起作用

Question

继承人设计 http://vvcap.net/db/OuxLO​​YioWmjIAavL5N9U.htp

这是一个演示！ http://designobvio.us/GoldGrid2/

我试图让一个垂直和水平的 jQuery 脚本在 IE8 上运行：

脚本代码

<script  type="text/javascript">

    $(document).ready(function(){

     $(window).resize(function(){

      $('.padder').css({
       position:'absolute',
       left: ($(window).width() 
         - $('.padder').outerWidth())/2,
       top: ($(window).height() 
         - $('.padder').outerHeight())/2
      });

     });

     // To initially run the function:
     $(window).resize();

    });

</script>

关于为什么这个脚本不能在 IE8 中工作的任何想法？

Answer 1

您可能希望将高度和宽度声明为数字，以便确定数学可以正常工作，而且由于您正在更改 CSS，因此值需要是包含“px”的字符串

left: ((Number($(window).width()) - Number($('.padder').outerWidth()))/2)+'px',
top: ((Number($(window).height()) - Number($('.padder').outerHeight()))/2)+'px'

沿着这些思路，我可能会在 CSS 之前设置值。

var leftVal = Number($(window).width()) - Number($('.padder').outerWidth())/2;
var topVal = Number($(window).height()) - Number($('.padder').outerHeight()))/2;

然后：

left: leftVal+'px',
top: topVal+'px'

全功能：

$(window).resize(function(){

    var leftVal = Number($(window).width()) - Number($('.padder').outerWidth())/2;
    var topVal = Number($(window).height()) - Number($('.padder').outerHeight()))/2;

    $('.padder').css({
        position:'absolute',
        left: leftVal+'px',
        top: topVal+'px'
    });

});