c# - jQuery滑块触发更新面板

Question

我正在使用这个 jQuery 滑块：

http://api.jqueryui.com/slider/

我用它的change事件来滑动它。我的页面上有一个更新面板。当我移动滑块时，我想更改更新面板中的值（显示在标签上）。

那么是否可以触发异步回发以更新change滑块事件的更新面板？我是 jQuery 的新手。所以请帮忙。

<asp:Button ID="btnRefresh" runat="server" Text="Refresh"
                            OnClick="btnRefresh_Click" />
<div id="slider" runat="server"></div>
....
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
                            <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="btnRefresh" />
                            </Triggers>
                            <ContentTemplate>
                                <fieldset id="fldMain" runat="server">
                                    <asp:Panel ID="Panel1" runat="server" Width="100%" >
                                        <asp:PlaceHolder ID="phMain" runat="server" ></asp:PlaceHolder>
                                    </asp:Panel>
                                </fieldset>
                            </ContentTemplate>
                        </asp:UpdatePanel>

更新：

我尝试了__doPostBack('UpdatePanel1', '');滑块change事件。但是正在发生完整的回发。

我将标签放在 placeholder 中phMain。

Answer 1

您需要绑定此小部件的幻灯片事件。

$(function() {
    $( "#slider-range-max" ).slider({
        range: "max",
        min: 1,
        max: 10,
        value: 2,
        slide: function( event, ui ) {
            $( "#amount" ).val( ui.value );
        }
    });
    $( "#amount" ).val( $( "#slider-range-max" ).slider( "value" ) );
});