Question

我需要一些帮助

这是TOOLKIT EXTENDER生成的HTML代码

          <td width="16px" bgcolor="#FFFFFF">
                <input name="ctl00$MainContent$ModInsteon1$6$Slider1" type="text" value="100" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;ctl00$MainContent$ModInsteon1$6$Slider1\&#39;,\&#39;\&#39;)&#39;, 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" id="MainContent_ModInsteon1_6_Slider1" style="font-size:Smaller;" />

                <span id="MainContent_ModInsteon1_6_lblvalue" style="font-size:Small;"></span>
            </td>
        </tr>

        <tr>
          <td id="MainContent_ModInsteon1_6_Td1" colspan="2">
                <span id="MainContent_ModInsteon1_6_lblDeviceName" style="display:inline-block;font-size:Smaller;width:100%;">X10 Lamp</span>
            </td>

现在我有一个需要更新滑块值的jQuery函数。

不幸的是，我只能更新TEXT元素 - 它不会触发更新..

$("#MainContent_ModInsteon1_6_Slider1").val(message);

文本框（未显示）会更新，但滑块的值仍为0，滑块不会移动。有什么想法吗？

Answer 1

致电val()通常不会触发change事件。试着自己提高它：

  $("#MainContent_ModInsteon1_6_Slider1").val(message).change();

根据滑块的实现，您可能需要引发一个不同的事件来触发同步，例如

  $("#MainContent_ModInsteon1_6_Slider1").val(message).keyup();

使用jQuery更新Ajax Toolkit Slider扩展程序

1 个答案: