更新后的文本框后，JQuery UI Slider无法正常工作。 （ASP.Net）

Question

我有一个测试ASP.Net页面，其中我有一个文本框和旁边的滑块：

<table> 
    <tr>
        <td>Total Monthly Expenses</td>
        <td><asp:TextBox runat="server" ID="txtExpenses" Columns="6" Text="$20" /></td>
        <td align="center"> <div id="sliExpenses" class="slider" /></td> 
    </tr> 
</table>

我已经初始化了头部的滑块：

  <script>
      $(function () {
          $("#sliExpenses").slider({
            animate: true
            , min: 10 
            , max: 100 
            , step: 10
            , value: $("#txtExpenses").val().replace("$", "").replace(",", "")
            , change: function (event, ui) {
                $("#txtExpenses").attr('value', "$" + ui.value);
            }
          });
      });
  </script>

首次加载页面时，滑块正常工作。你移动它，文本框得到更新。如果我更改文本框中的值然后尝试滑块，滑块不再更新文本框中的值。我尝试过滑动，更改和停止功能，它们都有同样的问题。

Answer 1

以下是工作演示的小提琴：http://jsfiddle.net/Y7CwL/

您应该使用.val（）函数设置文本框的值

$("#txtExpenses").val("$" + ui.value);