Question

下面是捕获滑块值的函数

$(function () {
            $('#divslider').slider({
                max: 100,
                min: 0,
                value: 0,
                slide: function (e, ui) {
                    $(this).next().next().val(ui.value);
                    if (ui.value != '') {
                        $(this).parents('.tblQuestion').removeClass('mandatory');
                    }
                }
            });
        });

下面的
是.aspx

<asp:Panel ID="pnlPercenatage" runat="server" Visible="true">
                                            <div style="width: 40%; background-color: rgb(187, 187, 187)" id="divslider"></div>
                                            <br />
                                            <asp:TextBox ID="txtSlider" CssClass="slidevalue" AutoPostBack="false" Width="30px" ReadOnly="true" runat="server"></asp:TextBox>%</span>
                                        </asp:Panel>

滑块仅附加第一个元素

Answer 1

如果您有多个滑块，则应使用类来选择元素。

 $('.sliders').slider({...});

 <asp:Panel ID="pnlPercenatage" runat="server" Visible="true">
     <div style="width: 40%; background-color: rgb(187, 187, 187)" id="divslider" class="sliders"></div><br />
     <asp:TextBox ID="txtSlider" CssClass="slidevalue " AutoPostBack="false" Width="30px" ReadOnly="true" runat="server"></asp:TextBox>%</span>
 </asp:Panel>
....
<asp:Panel ID="pnlPercenatage2" runat="server" Visible="true">
     <div style="width: 40%; background-color: rgb(187, 187, 187)" id="divslider2" class="sliders"></div><br />
     <asp:TextBox ID="txtSlider2" CssClass="slidevalue" AutoPostBack="false" Width="30px" ReadOnly="true" runat="server"></asp:TextBox>%</span>
 </asp:Panel>

但是，提供一些代表您的情况的示例代码会有所帮助。（您的代码只显示一个滑块，图像显示三个）

jquery滑块不能从第二个元素工作

1 个答案: