Fancybox ajax 콘텐츠가 IE에로드되지 않음

fancybox 팝업에 HTML을로드하려고합니다. 모든 것이 다른 모든 브라우저에서 훌륭하게 작동하지만 IE 8 (다른 버전의 IE는 확인하지 않았습니다). 팝업이 열리지 만 아무 것도 없습니다.Fancybox ajax 콘텐츠가 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');        
      });     
     }  
     });  

});

출처

2013-02-04 codeNameLily

[script.js] (http://www.snapav.com/App_Templates/Skin_1/js/script.js)의 127 행에서'marginLeft : "220px",'의 불필요한 후행 쉼표를 제거해보십시오. 파일 – JFK

그건 아니야. 고마워, 그것에 찔러. – codeNameLily

내용을 가져 와서 fancybox를 채 웁니다 -로드하려고 시도한 페이지에 doctype 정보가 없습니다. 지금 스크립트를 가져올 수 없습니다. – codeNameLily

이것은 실제로 2 가지 문제였습니다.

IE에서 팝업을 채우기 위해 DOCTYPE과 그 정보를 일반 HTML 페이지에 추가해야했습니다. 그 사실을 몰랐습니다.
IE에 애니메이션을 적용하는 데 어려움이 있습니다. 당신은 정확한 속성을 당신의 CSS에서 애니메이트하고 있어야합니다. 따라서 CSS에서 "패딩 : 4px 0"을 사용하는 경우 CSS에서 jQuery의 약식 CSS에 애니메이션을 적용 할 수 없기 때문에 "padding-top : 4px and padding-bottom : 4px"로 나눠야합니다.

여기에서 많은 정보를 얻을 수 있습니다. 바라기를 이것은 미래에 다른 사람을 도울 수 있기를 바랍니다.

출처

2013-02-05 20:22:22 codeNameLily

Fancybox ajax 콘텐츠가 IE에로드되지 않음

답변

관련 문제