fc2ブログ

記事一覧

UpdatePanel 内の jQuery を動作させる方法 | asp.net


asp.net デフォルトでは UpdatePanel 内のjQueryが正しく動作しません。
回避方法は以下の通り
JavaScript内に下記赤文字の1行で囲むだけ。

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 に関連する記事を投稿しておりますのでよろしければご参考くださいませ。


関連記事

コメント

コメントの投稿

※名前とタイトルが入力されていないコメントでは他のコメントとの区別ができません。

 入力されていないコメントには返信しませんのであらかじめご了承くださいませ。

※ニックネームでも良いので必ずご入力ください。

    

※必ずご入力ください。

    
    

※必ずご入力ください。

※技術的な質問には環境やエラーについて正確かつ詳細にお教えください。

・正確なエラーの内容

・Windowsのバージョン番号

・Visual Studioのバージョン

・機器の型番

・アプリやソフトのバージョン

    

カテゴリ別記事一覧

広告

プロフィール

石河 純


著者名 :石河 純
自己紹介:素人上がりのIT技術者。趣味は卓球・車・ボウリング

IT関連の知識はざっくりとこんな感じです。
【OS関連】
WindowsServer: 2012/2008R2/2003/2000/NT4
Windows: 10/8/7/XP/2000/me/NT4/98
Linux: CentOS RedHatLinux9
Mac: macOS Catalina 10.15 / Mojave 10.14 / High Sierra 10.13 / Sierra 10.12 / OSX Lion 10.7.5 / OSX Snow Leopard 10.6.8
【言語】
VB.net ASP.NET C#.net Java VBA
Xamarin.Forms
【データベース】
Oracle 10g/9i
SQLServer 2016/2008R2/2005/2000
SQLAnywhere 16/11/8
【BI/レポートツール】
Cognos ReportNet (IBM)
Microsoft PowerBI
ActiveReport (GrapeCity)
CrystalReport
【OCX関連】
GrapeCity InputMan SPREAD MultiRow GridView
【ネットワーク関連】
CCNP シスコ技術者認定
Cisco Catalyst シリーズ
Yamaha RTXシリーズ
FireWall関連
【WEB関連】
SEO SEM CSS jQuery IIS6/7 apache2

休みの日は卓球をやっています。
現在、卓球用品通販ショップは休業中です。