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」がある場合、jQueryで短縮CSSをアニメートできないため、cssで「padding-top：4pxおよびpadding-bottom：4px」に分割する必要があります。

ここでたくさんのことを学びました！うまくいけば、これは将来誰か他の人を助けることができます。

于 2013-02-05T20:22:22.717 に答える