代码之家  ›  专栏  ›  技术社区  ›  serdar

Updatepanel内的猫头鹰旋转木马在回发后消失

  •  1
  • serdar  · 技术社区  · 7 年前

    我有中继器控制来显示一些东西。

    <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>
    

    注意:它的猫头鹰旋转木马2

    1 回复  |  直到 7 年前
        1
  •  3
  •   marc_s    7 年前

    您需要再次触发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>
    

    prm.add_endRequest 在UpdatePanel加载完成时触发。