參考文章：
ASP.NET AJAX Advance Tips & Tricks (5) UpdatePanel 与 jQuery
http://social.msdn.microsoft.com/Forums/zh-TW/236/thread/0deaae5c-46d9-40e4-83b8-e114c2db79f3
Jquery與Updatepanel失效的問題
繼上一篇：[ASP.NET]在UPDATEPANEL中，引用Jquery會失效 「已解決」
小弟在MasterPage中引用
後來還是會出現JS錯誤
思考了一下，應該是因為UpdatePanel更新後，js沒有引用
再加上如果使用了MasterPage以後，引用css跟js路徑會有問題
所以參考了第二篇文章來實作，結果就可以動了!
css的部分只需要：
<link href="~/App_Themes/Theme1/css/grid.css" rel="stylesheet" type="text/css" />
有~就可以從根目錄下來。
js的部分，我則是這樣寫：
<script type="text/javascript" src='<%#ResolveUrl("~/JavaScript/jquery.cookie.js") %>'></script>
接著要在.master.cs裡面多這一段：
protected override void OnLoad(EventArgs e)
{
base.OnLoad(e);
Page.Header.DataBind();
}
在 Masterpage.master 的 <head></head> 貼上以下的code
<link href="~/css/Blackstyle.css" rel="stylesheet" type="text/css" />
<link href="~/css/colorbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src='<%#ResolveUrl("~/js/jquery-1.4.4.min.js") %>'></script>
<script type="text/javascript" src='<%#ResolveUrl("~/js/jquery.colorbox.js") %>'></script>
<script type="text/javascript">
function EndRequestHandler() {
ReadyFunction1();
}
function ReadyFunction1() {
//Examples of how to assign the ColorBox event to elements
$(".example7").colorbox({ width: "80%", height: "80%", iframe: true });
}
</script>
在Masterpage.master.vb 貼上以下的code
Protected Overrides Sub OnLoad(ByVal e As EventArgs)
MyBase.OnLoad(e)
Page.Header.DataBind()
End Sub
然後在引用masterpage的頁面裡~在
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
之後加上
<script language="javascript">
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
</script>
即可!!
留言列表
