I have repeater control to show something.
<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>
<script type=text/javascript>
var owltrend = $('.trend');
owltrend.owlCarousel({
margin: 5,
loop: true,
startPosition: 0,
lazyLoad: true,
rtl: false,
nav: false,
autoWidth: true,
});
</script>
You need to trigger the jqery binding again.
<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
is triggered when the UpdatePanel is done loading.