本当に奇妙なことが起こっています。リピーターを配置するまで、Fancybox は完全に機能しています。
動作している私のHTML:
<ul id="tiles">
<li>
<a href="SampleImageEnlarge" class="fancybox" title="description">
<img src="SampleImageThumb" border="0" />
</a>
</li>
</ul>
Fancybox を壊しているリピーター:
<ul id="tiles">
<asp:Repeater ID="rptGalleryImages" runat="server">
<ItemTemplate>
<li>
<a href="/ImageHandler.ashx?fId=<%# Eval("ImageID") %>&w=700" class="fancybox" title="<%# Eval("Description") %>">
<img src="/ImageHandler.ashx?fId=<%# Eval("ImageID") %>&w=200" border="0">
</a>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
コードビハインド:
private void GetGalleryImages()
{
using(RRLDB db = new RRLDB())
{
var gallery = db.Galleries.Find(_galleryId);
rptGalleryImages.DataSource = gallery.GalleryImages.Where(x => !x.Cancelled).OrderBy(p => p.OrderField).ToList();
rptGalleryImages.DataBind();
}
}
jQuery:
$(document).ready(function () {
$('.fancybox').fancybox();
});
$(window).load(function () {
$("#main #tiles img").each(function () {
$(this).attr('height', $(this).outerHeight());
});
});
なぜこれが起こっているのか、誰にも考えがありますか?他の誰かがこれを見たことがありますか?