滑塊的設置值在jsFiddle中工作，而不是在現場

我創建了一個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。

來源

2016-04-27 Huma Ali

檢查錯誤控制檯。由於小提琴工作正常，沒有什麼人在這裏診斷，以幫助您 –

檢查是否您的頁面，佈局或BundleConfig包含所有的JS文件。 –

在控制檯中沒有錯誤:( –

剛剛在MVC項目中進行了檢查，它正在通過這個小改動工作。

你做在您的例子這樣是不正確的：<div id="slider-range"></div>

所以這行：$("#slider-range").slider('values', [ valueN, valuleX ]);不會在代碼的影響。

它應該是這樣的：改變</div>滑塊範圍的結束。

<div id="Price" class="main_filter" name="filterDiv"> 
    <h4>Price</h4> 
    <div id="slider-range"> 
     <br /> 
     <h4 style="color:black">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> 
    </div> 
</div>

同時檢查相同的jsfiddle.

來源

2016-04-27 08:00:03

Nope不起作用 –

所以可能會有一些'Js'問題，因爲我在MVC應用程序中使用了相同的方法，並且它正在工作。 –

滑塊的設置值在jsFiddle中工作，而不是在現場

回答

相關問題