2016-12-01 6 views
0

ブートストラップとjqueryとブートストラップjquery(https://github.com/seiyria/bootstrap-slider)を実装しました。私は例6(http://seiyria.com/bootstrap-slider/)を使用しています。 私はその値を取得してdivに表示したいので(その値でifを作成することはできますが)、表示することはできません。 これは私のHTMLコードです:ブートストラップスライダ - 値を取得して部門に表示

<div class="col-lg-6" style="height: 39px; padding: 10px; padding-left: 25px;> 
    <input id="ex6" type="text" data-slider-min="10000" data-slider-max="100000" data-slider-step="1" data-slider-value="90000"/> 
    <span id="ex6CurrentSliderValLabel">Maksimalna cena: <span id="ex6SliderVal">90000</span></span> din. 
</div> 
<div id ="ivancar"> test </div> 

そして、これが私のJavaScript(jQueryの)コードです:あなたはあなたのdivslideイベントを更新するロジックを配置している

var slider = new Slider("#slider1"); 
    slider.on("slide", function(slideEvt) { 
    console.log(slider.getValue()); 
    var div = slider.getValue(); 
}); 
document.getElementById("ivancar").innerHTML = div; 

答えて

2

。スライドイベント内に配置します。

slider.on("slide", function(slideEvt) { 
    console.log(slider.getValue()); 
    var div = slideEvt.value; // this is what the plugin says 
    $("#ivancar").html(div); // <== update logic must be here 
}); 

注:私は彼がjqueryのを使用していることを全く手がかりがありませんシンプル

+0

ため$("#ivancar").html(div);document.getElementById("ivancar").innerHTML = div;コードを変更しました。 –

+1

'これは私のJavaScript(jQuery)コードです:質問@ Ryad.iv – Roy123

+0

からの引用OPには' jquery'タグがあります。さらに '.on()'は 'Jquery'の一部です。これはプラグインファイルです'https:// cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.5.2/bootstrap-slider.min.js' ... ...もう一度疑問がある –

関連する問題