Question

我正在尝试将HTML加载到fancybox弹出窗口中。 IE 8中的所有其他浏览器都很好用（我还没有检查过其他版本的IE）。弹出窗口打开但没有任何内容。

这是我的js：

$(".fancyPopup").live('click', function(ev){            
    ev.preventDefault();            
    var selectedStrip =  '#' + $(this).attr('id');          
$(".fancyPopup").live('click', function(ev){            
    ev.preventDefault();            
    var selectedStrip =  '#' + $(this).attr('id');          
    $.fancybox(     
        {
        href: '/snapav/mkting/html/rackPowerStripSuggestions.html',
        type: 'ajax',
        fitToView   : false,
        afterShow: function(){          
            hideSeries();           
            $('.strips:not("' + selectedStrip + '")').hide('slow', function(){              
                $('ul' + selectedStrip).addClass('flagged');                            
            });                 
        }       
        });     

});

非常感谢任何帮助。

Answer 1

这实际上是2个问题。

要让内容填充IE中的弹出窗口，我需要添加一个DOCTYPE以及进入纯HTML页面的所有信息。没有意识到这一点。
IE在动画方面遇到困难。您必须在CSS中设置与您正在制作动画的确切属性匹配。因此，如果在CSS中你有“填充：4px 0”，你必须在你的css中将其分解为“padding-top：4px和padding-bottom：4px”，因为你无法在jQuery中为速记CSS制作动画。 / p>

在这里学到了很多东西！希望这可以在将来帮助其他人。

Fancybox ajax内容未在IE中加载

1 个答案: