JQuery UI Slider在文本框更新後不工作。（ASP.Net）

我有一個測試ASP.Net頁，在這裏我有一個文本框和一個滑塊旁邊：JQuery UI Slider在文本框更新後不工作。（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>

頁面第一次加載時，滑塊工作正常。你移動它，並更新文本框。如果我更改文本框中的值然後嘗試滑塊，則滑塊不再更新文本框中的值。我嘗試了幻燈片，更改和停止功能，它們都有同樣的問題。

來源

2013-05-06 Nicholas Smith

如果有不是一個';'末這裏：'value：$（「＃txtExpenses」）。val（）。replace（「$」，「」）.replace（「，」，「」）;' – Andrew 2013-05-06 15:10:30

@Andrew - no，它被用作值。添加分號實際上會使代碼無效 – 2013-05-06 15:25:51

這裏有一個小提琴的工作演示：http://jsfiddle.net/Y7CwL/

你應該使用.VAL來設置文本框的值（）函數

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

來源

2013-05-10 06:35:09 Kevin

JQuery UI Slider在文本框更新後不工作。 （ASP.Net）

回答

相關問題

JQuery UI Slider在文本框更新後不工作。（ASP.Net）