引導程序範圍滑塊更改事件

當引導程序範圍滑塊值發生更改並希望執行某個AJAX時，我想觸發一個事件。範圍滑塊用於價格。引導程序範圍滑塊更改事件

這是我的ajax：

var ajaxCallBack = function (e) { 

      var input = $(this).val(); 

      if (input.length >= 2) { 
       $('#spinner').show(); 
       $.ajax({ 
        type: "GET", 
        url: "{{ path('search') }}", 
        dataType: "json", 
        data: {search: $('#form_search').val(), brand: $('#form_brand').val(), price: $('#form_price').val()}, 
        cache: false, 
        success: function (response) { 
         $('.card-deck').html(response.classifiedList); 
         $('#spinner').hide(); 
         console.log(response); 
        }, 
        error: function (response) { 
         console.log(response); 
        } 
       }); 
      }

我已經嘗試了很多選擇，但沒有任何幫助。

任何人都可以請幫忙！

來源

2017-05-08 Arcv

您粘貼的代碼無關採用了滑蓋的，你有一個範圍滑塊改變事件或與價值的張貼問題它與AJAX？ – ProgrammerV5

@ ProgrammerV5對不起，我已經在表單中實現了引導滑塊。我也將粘貼該代碼。但我真正的問題是當滑塊的值發生變化時，我想執行某些操作。所以我想知道價值何時發生變化以及如何觸發它！ – Arcv

剛纔增加了一個例子。 – ProgrammerV5

看看這個，

https://stackoverflow.com/a/21869493/7231415

看起來你必須使用slideStart和slideStop事件

而且看看angularJS，有一個指令稱爲 NG-改變，這可用於處理事件

或者你可以綁定ng模型變量給它並觀察變化

來源

2017-05-08 15:19:33 Qonq

已經試過了。它沒有幫助:( – Arcv

只需使用列出的事件在https://github.com/seiyria/bootstrap-slider#events

$('#ex1').slider({ 
 
\t formatter: function(value) { 
 
\t \t return 'Current value: ' + value; 
 
\t } 
 
}).on('change', change); // Change the 'change' to any other event slide, slideStart, etc. 
 

 

 
function change(e){ 
 
    $('.card-deck').html($(this).val() + "<br/>"); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" rel="stylesheet"/> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.8.0/css/bootstrap-slider.min.css" rel="stylesheet"/> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.8.0/bootstrap-slider.min.js"></script> 
 
<input id="ex1" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1" data-slider-value="14"/> 
 

 
<div class="card-deck"> 
 

 
</div>

來源

2017-05-08 15:29:13 ProgrammerV5

引導程序範圍滑塊更改事件

回答

相關問題