UpdatePanelトリガー時に画像が表示されない

Question

現在、ASP.NETとC＃を使用しているWebサイトを開発中です。このウェブサイトでは、2セットのイメージバナーを表示しています。最初のイメージバナーはC＃コードで埋められており、変更されません。

<div class="divArticleCar"> 

    <div id="OwlDemo" class="owl-carousel owl-theme" style="padding:25px;" runat="server"> 
    </div> 

    <div class="customNavigation "> 
     <a class="btn prev "><span class="glyphicon glyphicon-menu-left"></span><br/></a> 
     <a class="btn next "><span class="glyphicon glyphicon-menu-right"></span><br/></a> 

    </div> 
</div> 

第2は、画像データベースからの外部APIへの接続を使用します。テキスト入力とボタンがあるので、ユーザーがキーワードを検索すると、2番目のバナーが新しい画像で更新されます。私はAJAX <asp:UpdatePanel>タグを使用して画像の結果を更新しています。

<asp:UpdatePanel runat="server" id="UpdatePanel2" updatemode="Conditional"> 
    <Triggers> 
    <asp:AsyncPostBackTrigger controlid="btnSearchImage" EventName="ServerClick" /> 
    </Triggers> 
    <ContentTemplate> 
    <div class="divArticleCar"> 
     <div id="OwlDemo2" class="owl-carousel owl-theme" style="padding:25px;" runat="server"> 
     </div> 
    <div class="customNavigation CN2"> 
      <a class="btn prev2 "> 
       <span class="glyphicon glyphicon-menu-left"></span> <br> 
      </a> 
      <a class="btn next2 "> 
       <span class="glyphicon glyphicon-menu-right"></span> <br> 
      </a> 
     </div> 
    </div> 
    </ContentTemplate> 
</asp:UpdatePanel> 

問題は、ContentTemplate内のイメージが更新されるときです。彼らはちょうど表示されていません、バナーが消えます。私はバックグラウンドコードをチェックしました.C＃はAPIの結果を得ていて、新しいイメージを追加しています。表示されません。バナーは2つのJavascriptファイルで管理されています。

まず：carrusel.js

第二：画像が消えている理由owlCarousel.js

誰かが知っていますか？

Answer 1

UpdatePanelを使用すると、ページの読み込みが完了したときに呼び出されるすべてのjavascript関数を再度トリガーする必要があります。

$(document).ready(function() { 
    buildCarousel(); 
}); 

あなたはbuildCarousel()は部分ポストバック後に再度トリガされていることを確認するためにいくつかのコードを追加する必要があります。

だからあなたはカルーセルを構築するために、このどこかのようなものを持って言うことができます。

var prm = Sys.WebForms.PageRequestManager.getInstance(); 

prm.add_endRequest(function() { 
    buildCarousel(); 
});