ポストバック後に更新パネル内のOwl Carouselが消える

Question

私は何かを表示するリピータコントロールを持っています。

<div class="owl-carousel trend" style="height:20px;"> 
    <asp:Repeater ID="rptThing" runat="server" DataSourceID="yyy"> 
     <ItemTemplate> 
      <asp:LinkButton ID="lnkEtiket" runat="server" OnClick="lnkEtiket_Click">go</asp:LinkButton> 
     </ItemTemplate> 
    </asp:Repeater> 
</div> 

これは更新パネルの内部です。ページの読み込みに問題はありませんが、onClikが消えると消えます。私はajax & jqueryの問題について知っていますが、私は問題を解決できませんでした。私はたくさんの例を試しました。そのフクロウカルーセル2

Answer 1

あなたが再び結合のjQueryをトリガする必要があります。ここに私のjqueryのは

<script type=text/javascript> 
    var owltrend = $('.trend'); 
    owltrend.owlCarousel({ 
     margin: 5, 
     loop: true, 
     startPosition: 0, 
     lazyLoad: true, 
     rtl: false, 
     nav: false, 
     autoWidth: true, 
    }); 
</script> 

注意です。

<script type="text/javascript"> 
    $(document).ready(function() { 
     createCarousel(); 
    }); 

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

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

    function createCarousel() { 
     var owltrend = $('.trend'); 
     owltrend.owlCarousel({ 
      margin: 5, 
      loop: true, 
      startPosition: 0, 
      lazyLoad: true, 
      rtl: false, 
      nav: false, 
      autoWidth: true, 

     }); 
    } 
</script> 

prm.add_endRequestのUpdatePanelを読み込み実行されたときにトリガされます。