Call Jquery function on Input tag having data-slider

» javascript » Call Jquery function on Input tag having data-slider

By : howdihow

Date : December 01 2020, 04:52 PM

this will help According to bootstrap-slider doc you have to handle 'slideStop' event. Y've preapred a sample fiddle for you.

code :

const slider = $('#ex1').slider({
  formatter: function(value) {
    return 'Current value: ' + value;
  }
});

slider.on('slideStop', function(e) {
  console.log('value = ' + e.value);
});

Share :

JQuery Slider - Call function after slide

By : Jolish

Date : March 29 2020, 07:55 AM

I wish this helpful for you After a quick perusal of the source code, I would say to try using 'stop' or 'change' instead of 'slide.' It seems that the 'stop' event happens on mouseup, and the 'change' event happens on mouseup but only if the value changed. I didn't see any documentation on this, of course, I didn't look very hard.

Call a jQuery function with input data that comes from a PHP script

By : Ary

Date : March 29 2020, 07:55 AM

hop of those help? I have this function http://jsfiddle.net/wnFsE/ . As you can see every time the user writes a languages on the textfield and then hits the button add a new language is added to the list. Then when the user hits save, all the info is sent with POST. , A simple soloution:

code :

$buildHTML = '';

while($row = mysql_fetch_array($result, MYSQL_ASSOC)) {
    $buildHTML .= '<li>'.$row['lang'].'<input type="hidden" name="languages[]" value="'.$row['lang'].'" /><a href="#" class="remove_lang">Remove</a></li>';
}

<script type="text/javascript">
    var UserLangs = <?php echo $buildHTML; ?>;

    $('#langs').append(UserLangs);
</script>

jQuery - val not refresing data from input / UI slider

By : JavaBeginner

Date : March 29 2020, 07:55 AM

it fixes the issue Using some code from here (stackoverflow) i've created my own one. Presented below: , Try this:

code :

$(document).ready(function() {

  $('#slider-1').slider({
     min: 0,
     max: 100,
     change: function(e, ui) {
       $('#input-1').val(ui.value);
        var value1=parseInt($('input[name="input-1"]').val());

        var number1=0.01;

        var Total1=(value1*number1).toString().replace(/\./g, ',');
        $('input[name="input-2"]').val(Total1);
    }
 });

});

Call Plugin within jquery-ui slider function

By : Neelam Singh

Date : March 29 2020, 07:55 AM

wish help you to fix your issue Here's a work-around where I bind a function to the input event of the text box and trigger it when the slider is moved.

code :

$("#slider-range").slider({
  range: true,
  min: 100000,
  max: 5000000,
  step: 100000,
  animate: true,
  slide: function( event, ui ) {
    $( "#range_max" ).val(ui.values[ 1 ]).trigger('input');
  }
});

$("#range_max").on("input", function() {
  $(this).autosizeInput();
});

jquery ui slider: call function on mouseup outside

By : Ashwin Dikshit

Date : March 29 2020, 07:55 AM

I hope this helps you . i use the jquery ui slider and all is fine except that the function i defined in the change parameter fired only when i release the mouse over the handles. Is there a way to call the function when the mouse is released outside the slider?