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 で動作させる必要があります。