fancybox兼容MOSS 2007？

是否有人用jQuery 1.9.1獲得當前版本的fancybox 2.1.4（http://fancyapps.com/fancybox/）與Microsoft Office SharePoint Server（MOSS）2007一起使用？fancybox兼容MOSS 2007？

似乎是MOSS 2007的css/html的開箱即用問題，它干擾了fancybox/jQuery的大小和定位計算。最終結果是一個很小的fancybox（寬度爲130px）。

這是問題的一個截圖： screenshot of issue http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-54-79-Images/4152.fancyboxIssueInMOSS2007.png

這裏是超級簡單的代碼，我做的：

主頁面：

<%@ 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：

<%@ 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>

感謝您的幫助！

PS-順便說一句，在的fancybox SharePoint 2010的但是工作得很好，我必須讓它在MOSS 2007

來源

2013-05-21 Alex Randall

檢查您的文檔是否有適當的'DOCTYPE' ...它看起來像是在怪癖模式下運行 – JFK

同時檢查http://stackoverflow.com/a/15856581/1055987並應用'iframe preload false'解決方法。 ..它可能是相關的 – JFK

解決工作！謝謝JFK。

是的，問題是瀏覽器（IE 10在這種情況下）以奇怪模式運行，因爲沒有DOCTYPE存在。在將DOCTYPE添加到主頁面後，fancybox正常工作！

<!DOCTYPE html>

備註：將DOCTYPE添加到主頁面實際上破壞了框外MOSS 2007品牌。但在我的情況下可以，因爲我們將使用已經具有DOCTYPE的自定義品牌。那個我很幸運。再次感謝您的幫助！

來源

2013-05-21 19:50:59

fancybox兼容MOSS 2007？

回答

相關問題