スライダーの設定値はライブサイトではなく、jsFiddleで動作します

Question

マウスポインタとテキストボックスからの入力でスライドできるjQuery範囲スライダーを作成しました。私は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> 

ここでI s jsFiddle Linkです。

Answer 1

この小さな変更を行うことで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.