我創建了一個jQuery範圍滑塊,可以滑動鼠標指針以及來自文本框的輸入。我在jsFiddle上創建了它,它工作正常。滑塊的設置值在jsFiddle中工作,而不是在現場
問題是當我在我的MVC應用程序中添加相同的代碼時,滑塊不會在輸入更改事件上滑動。可能是什麼原因?任何版本問題?
這段代碼不移動在輸入變化事件滑塊:
Jquery的
$("#MinimumPrice, #MaximumPrice").change(function() {
var valueN = $("#MinimumPrice").val();
var valuleX = $("#MaximumPrice").val();
$("#slider-range").slider('values', [ valueN, valuleX ]);
});
HTML
<div id="Price" class="main_filter" name="filterDiv">
<h4>Price</h4>
<div id="slider-range"></div>
<span class="">
<br />
<h4>Price Range</h4>
<br />
<div style="border: 1px solid #ccc;border-radius: 4px;width:100%;text-align: center;">
<div class="input-group" style="width: 40%;float: left;">
<span class="input-group-addon">$</span>
<input id="MinimumPrice" maxlength="6" name="MinimumPrice" style="border:0;width: 50%" type="text" value="" />
</div>
<span style="width: 20%;float: left;">to</span>
<div class="input-group" style="width: 40%">
<input id="MaximumPrice" maxlength="6" name="MaximumPrice" style="border:0;width: 50%" type="text" value="" />
</div>
</div>
</span>
在這裏,我這是jsFiddle Link。
檢查錯誤控制檯。由於小提琴工作正常,沒有什麼人在這裏診斷,以幫助您 –
檢查是否您的頁面,佈局或BundleConfig包含所有的JS文件。 –
在控制檯中沒有錯誤:( –