コメント
コメントの投稿
※名前とタイトルが入力されていないコメントでは他のコメントとの区別ができません。
入力されていないコメントには返信しませんのであらかじめご了承くださいませ。
UpdatePanel 内の jQuery を動作させる方法 | asp.net
- 2013/02/21
- 09:58
asp.net デフォルトでは UpdatePanel 内のjQueryが正しく動作しません。
回避方法は以下の通り
JavaScript内に下記赤文字の１行で囲むだけ。
Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded
Javascriptを再読み込みする場合は $.getScript("url") で読み込みできます。
ASPXファイル
<link runat="server" href="~/App_Themes/Default/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css">
<script runat="server" src="~/App_Themes/Default/Scripts/jquery.lightbox-0.5.min.js" type="text/javascript"></script>
<script type="text/javascript">
Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(
function(evt, args) {
//Javascriptを再読み込みする
$.getScript("http://www.scriptdownloadurl.jp/script.js")
$.getScript("<%=Me.ResolveClientUrl("~/App_Themes/Default/Scripts/common.js")%>")
//jQueryを実行する
$('#gallery a').lightBox();
});
</script>
<asp:updatepanel>
<div class="gallery ">
</div>
</asp:updatepanel>
最後までお読みいただきありがとうございます。
いかがでしたでしょうか。他にも asp.net に関連する記事を投稿しておりますのでよろしければご参考くださいませ。
- 関連記事
