0

Microsoft Office SharePoint Server (MOSS) 2007 で動作する jQuery 1.9.1 を備えた現在のバージョンの fancybox 2.1.4 ( http://fancyapps.com/fancybox/ ) を入手した人はいますか?

MOSS 2007 の既製の css/html が、fancybox/jQuery が行うサイズと位置の計算に干渉しているようです。最終結果は小さなファンシーボックス (幅 130px) です。

問題のスクリーンショットは次のとおりです。 .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 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 で動作させる必要があります。

4

1 に答える 1