Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Updatepanel内的猫头鹰转盘在回发后消失_Javascript_Jquery_Asp.net_Ajax_Owl Carousel - Fatal编程技术网

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已完成的事件的列表。然后再次运行最初用于初始化旋转木马的代码。您可以将其包装到函数中,使其可重用,这与任何代码都是一样的。我认为下面刚刚贴出的答案是正确的。