jquery - テキストボックスの更新後に JQuery UI スライダーが機能しない。(ASP.ネット)

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>

ページが最初に読み込まれると、スライダーは正常に機能します。移動すると、テキストボックスが更新されます。テキストボックスの値を変更してからスライダーを試してみると、スライダーはテキストボックスの値を更新しなくなりました。スライド、変更、および停止機能を試しましたが、すべて同じ問題があります。