포스트 백 후에 Updatepanel 내의 올빼미 회전 목마가 사라짐

나는 리피터 컨트롤을 통해 뭔가를 보여줍니다.포스트 백 후에 Updatepanel 내의 올빼미 회전 목마가 사라짐

<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이 사라지면 사라집니다. 나는 아약스 & 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>

주 내 JQuery와이다 : 그것의 올빼미 회전 목마 당신은 다시 바인딩 jQuery를 실행하는 데 필요한 2

출처

2017-11-24 serdar

업데이트를 수행하여 이전에 첨부 된 HTML을 삭제하고 새로운 HTML 세트로 대체 했으므로 updatePanel에서 데이터를 반환 한 후 회전식을 다시 초기화해야합니다 (다시 말하면 해당 코드를 다시 실행해야합니다). . 또는 그 안에있을 필요가 없다면 updatePanel 바깥으로 옮길 수도 있습니다. – ADyson

내부에는 updatepanel이 있어야합니다. 나는 "function pageLoad (sender, args)"에 넣으려고했으나 아무 것도 바뀌지 않았다. 어떻게 다시 시작할 수 있습니까? 나는 jquery가 좋지 않다. – serdar

"어떻게 다시 초기화 할 수 있습니까?" updatePanel이 완료되었음을 알리는 이벤트 목록입니다. 그런 다음 첫 번째 장소에서 회전식 키를 초기화하는 데 사용한 동일한 코드를 다시 실행합니다. 코드에서와 마찬가지로 다시 사용할 수 있도록 함수로 묶을 수 있습니다. 나는 아래에 게시 된 답변이 맞다고 생각합니다. – ADyson

<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이 트리거됩니다.

출처

2017-11-24 12:11:30 VDWWD

포스트 백 후에 Updatepanel 내의 올빼미 회전 목마가 사라짐

답변

관련 문제