Question

我的页面上有几个按钮。按钮下方是一些内容。

每当按下按钮时，都会使用UpdatePanels刷新内容。

在这个内容中，我尝试使用royal slider plugin，每次按下按钮时都需要初始化。我遇到了一个问题，我无法在每次点击按钮时初始化皇家滑块。

我所尝试的是调用正在刷新的div中的函数，但这不起作用a.k.a在回调后不调用该函数。

HTML（内容）：

<asp:UpdatePanel ID="ID" ChildrenAsTriggers="true" runat="server">
<div class="wrapper">


<!-- main navigation -->
    <asp:Panel ID="someID" runat="server"></asp:Panel>
                    <script type="text/javascript">
                            createSlider();
                    </script>
</div>
</asp:UpdatePanel>

JS：

function createSlider() {
        $('.royalSlider').royalSlider({
            arrowsNav: true,
            loop: false,
            keyboardNavEnabled: false,
            controlsInside: false,
            imageScaleMode: 'fill',
            arrowsNavAutoHide: true,
            autoScaleSlider: true,
            autoScaleSliderWidth: 680,
            autoScaleSliderHeight: 140,
            controlNavigation: 'none',
            thumbsFitInViewport: false,
            navigateByClick: true,
            sliderDrag: true,
            sliderTouch: true,
            startSlideId: 0,
            autoPlay: false,
            transitionType: 'move',
            globalCaption: true,
            deeplinking: {
                enabled: true,
                change: false
            },
            /* size of all images */
            imgWidth: 680,
            imgHeight: 140
        });
    }

我将如何做到这一点？

Answer 1

你有没有试过这样的事情：

<script type="text/javascript">
    var prm = Sys.WebForms.PageRequestManager.getInstance();

    prm.add_endRequest(function() {
        createSlider();
    });
</script>

并将UpdatePanel

的脚本 OUTSIDE 放入

回调后重新加载插件

1 个答案: