MOSS 2007과의 fancybox 호환성?

MOSS (Microsoft Office SharePoint Server) 2007에서 작동하려면 jQuery 1.9.1과 함께 fancybox 2.1.4 (http://fancyapps.com/fancybox/)의 현재 버전을 얻은 사람이 있습니까?MOSS 2007과의 fancybox 호환성?

MOSS 2007의 out of of css/html이 fancybox/jQuery에서 수행하는 크기 조정 및 위치 계산에 방해가되는 것 같습니다. 최종 결과는 작은 팬시 박스 (130px 너비)입니다.

메인 페이지 :

<%@ Page language="C#" MasterPageFile="~masterurl/default.master" Inherits="Microsoft.SharePoint.WebPartPages.WebPartPage,Microsoft.SharePoint,Version=12.0.0.0,Culture=neutral,PublicKeyToken=71e9bce111e9429c" %> 
<asp:Content ContentPlaceHolderId="PlaceHolderAdditionalPageHead" runat="server"> 
    <link type="text/css" rel="stylesheet" href="jquery.fancybox-2.1.4_Styles.css" /> 
    <script type="text/javascript" src="jquery-1.9.1.js"></script> 
    <script type="text/javascript" src="jquery.fancybox-2.1.4.js"></script> 
</asp:Content> 
<asp:Content ContentPlaceHolderId="PlaceHolderMain" runat="server"> 
    Hello from the test page! 
    <a id="fancyBox1" style="display: none" data-fancybox-type="iframe" href="iframeContents.aspx"></a> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      // show fancyBox 
      $('#fancyBox1').fancybox().trigger('click'); 
     }); 
    </script> 
</asp:Content>

IFRAME 페이지 :

<%@ Page language="C#" MasterPageFile="~masterurl/default.master" Inherits="Microsoft.SharePoint.WebPartPages.WebPartPage,Microsoft.SharePoint,Version=12.0.0.0,Culture=neutral,PublicKeyToken=71e9bce111e9429c" %> 
<asp:Content ContentPlaceHolderId="PlaceHolderMain" runat="server"> 
    Hello from the iframeContents! 
</asp:Content>

다음 screenshot of issue http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-54-79-Images/4152.fancyboxIssueInMOSS2007.png

내가 뭐하는 거지 슈퍼 간단한 코드입니다 : 여기

이 문제의 스크린 샷입니다

모든 도움에 감사드립니다!

PS는-하여 셰어 그러나 2010 년에 잘 작동 fancybox 방법, 나는 그것이 MOSS 2007

출처

2013-05-21 Alex Randall

문서에 적절한 'DOCTYPE'이 있는지 확인하십시오 ... 이건 특이한 모드로 실행되고있는 것 같습니다 – JFK

또한 http://stackoverflow.com/a/15856581/1055987을 확인하고'iframe preload false' 대안을 적용하십시오. .. 관련성이있을 수 있습니다. – JFK

이 해결에서 작동해야합니다! JFK에게 감사드립니다.

네, DOCTYPE이 없기 때문에 브라우저 (이 경우 IE 10)가 단점 모드로 실행되고있었습니다. 마스터 페이지에 DOCTYPE을 추가 한 후 fancybox가 작동합니다!

<!DOCTYPE html>

사이드 노트 : 마스터 페이지에 DOCTYPE을 추가하면 실제로 MOSS 2007 브랜딩이 중단됩니다. 하지만 이미 DOCTYPE이있는 맞춤형 브랜딩을 사용할 것이므로 제 경우에는 괜찮습니다. 나는 그걸로 운이 좋다. 도와 주셔서 다시 한 번 감사드립니다!

출처

2013-05-21 19:50:59

답변

관련 문제