1

我正在尝试将 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');                            
            });                 
        }       
        });     

});

任何帮助深表感谢。

4

1 回答 1

1

这实际上是 2 个问题。

  1. 为了让内容填充 IE 中的弹出窗口，我需要添加一个 DOCTYPE 和所有进入纯 HTML 页面的信息。没有意识到这一点。

  2. IE 在动画方面遇到了困难。你必须在你的动画中让你的 CSS 中的属性完全匹配。因此，如果您的 CSS 中有“padding: 4px 0”，则必须在 CSS 中将其分解为“padding-top: 4px 和 padding-bottom: 4px”，因为您无法在 jQuery 中为速记 CSS 设置动画。

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

于 2013-02-05T20:22:22.717 回答