Javascript Updatepanel内的猫头鹰转盘在回发后消失
我有中继器控制来显示一些东西Javascript Updatepanel内的猫头鹰转盘在回发后消失,javascript,jquery,asp.net,ajax,owl-carousel,Javascript,Jquery,Asp.net,Ajax,Owl Carousel,我有中继器控制来显示一些东西 <div class="owl-carousel trend" style="height:20px;"> <asp:Repeater ID="rptThing" runat="server" DataSourceID="yyy"> <ItemTemplate> <asp:LinkButton ID="lnkEtiket" runat="server" OnClick="lnk
<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>
去
它在updatepanel中。页面加载没有问题,但当onClik消失时。我知道ajax和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>
风险值趋势=$('.trend');
猫头鹰旋转木马({
差额:5,
循环:对,
起始位置:0,
懒汉:没错,
rtl:错,
导航:错,
自动宽度:正确,
});
注意:它的owl转盘2需要再次触发jQuery绑定
<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>
$(文档).ready(函数(){
createCarousel();
});
var prm=Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(函数(){
createCarousel();
});
函数createCarousel(){
风险值趋势=$('.trend');
猫头鹰旋转木马({
差额:5,
循环:对,
起始位置:0,
懒汉:没错,
rtl:错,
导航:错,
自动宽度:正确,
});
}
prm.add\u endRequest
在UpdatePanel加载完成时被触发。我想在UpdatePanel返回数据后,您必须重新初始化转盘(即再次运行该代码),因为通过执行更新,您破坏了它以前附加到的HTML,并用一组新的HTML替换它。或者,如果它不需要在updatePanel内,您可以将其移到updatePanel外。它必须在updatePanel内。我试着把它放在“函数pageLoad(sender,args)”中,但没有任何改变。我怎样才能控制它?我不擅长jquery“如何重新初始化它”。告诉您updatePanel已完成的事件的列表。然后再次运行最初用于初始化旋转木马的代码。您可以将其包装到函数中,使其可重用,这与任何代码都是一样的。我认为下面刚刚贴出的答案是正确的。