我正在工作在asp.net網絡形式的項目,迄今爲止工作正常fancybox
一旦用戶點擊鏈接它顯示一個窗體爲fancybox彈出窗口。但同樣不工作時,當我實現URL路由,路由工作良好的圖像顯示,CSS的作品,但它一些如何阻止fancybox彈出並在選項卡中顯示相同的形式,而不是作爲傳統fancybox
ASP.Net URL路由4.0以某種方式停止fancybox工作後,我實現URL路由
我試圖改變fancybox script
文件的路徑,但它不起作用。其中有一個註冊鏈接顯示簡單的asp.net web的表單中fancybox
彈出頁面
Sample link without URL Routing
相同的代碼。
我正在使用函數重新初始化腳本,因爲我在頁面的一部分也使用更新面板。我試過甚至刪除了重新初始化fancybox
的腳本部分,但它仍然不起作用,我也使用了ResolveClientUrl
,正如在一些無法使用的文章中所建議的那樣。
我希望幫助在這方面
示例代碼
<script src='<%=ResolveClientUrl("~/fancybox/jquery.fancybox-1.3.4.js")%>' type="text/javascript"></script>
<script src="../fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
<link href="../fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
//Code to Reinitialize Fancybox script when using update panel START
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_initializeRequest(InitializeRequest);
prm.add_endRequest(EndRequest);
function InitializeRequest(sender, args) { }
function EndRequest(sender, args) { InitMyFancyBox(); }
$(document).ready(function() {
InitMyFancyBox();
});
//Code to Reinitialize Fancybox script when using update panel END
function InitMyFancyBox() {
//Code for Fancybox Star
$(document).ready(function() {
$("a.iiframe").fancybox({
'scrolling': 'no',
'width': 700,
'height': 450,
'autoScale': false,
'transitionIn': 'none',
'transitionOut': 'none',
'hideOnOverlayClick': false,
'hideOnContentClick': false,
'type': 'iframe'
});
});
//Code for Fancybox End
}
</script>
HTML鏈路
<asp:Panel ID="pnlRegForm" runat="server" CssClass="ActivitiesDDetails" Visible="false">
<asp:HyperLink ID="hylRegister" runat="server" CssClass="iiframe">Register Now!</asp:HyperLink>
</asp:Panel>
代碼隱藏
pnlRegForm.Visible = true;
hylRegister.NavigateUrl = "ActivityRegistration.aspx?EventID=123&Activity=33&Language=" + Helper.GetQueryStringValue("Language");
文件夾結構 這是一個多語種的網站,我一直在不同的文件夾中的語言相關的頁面,如英語,阿拉伯語,西班牙語等
/
/fancybox
/english
/english/Activity.aspx (Lists all activities with link as SEO Friendly links)
/english/ActivityDetails.aspx (Shows activity details & link for the fancybox popup)
/english/ActivityRegistration.aspx (Web form to be shown as popup)
/Spanish
/arabic
/css
/someotherfolders
如果我不使用URL路由一切正常,URL路由實現它停止fancybox我不知道如何解決它,因爲我試圖改變腳本路徑也。我希望在這方面的幫助
我解決了這個問題,因爲它無法從母版頁訪問jquery文件。使用Page.ResolveUrl更正了這個問題 – Learning 2012-07-31 05:59:23