JQuery Range输入监听器 [英] JQuery Range Input Listener

问题描述

嘿jquery和hmtl5范围有点麻烦。我试着在改变时获取值，但事件监听器没有捕获它。目前我的代码是：

Hey having a little trouble jquery and the hmtl5 range. I'm try to get the values as they changed but the event listener is not capturing it. Currently my code is:

HTML

html += '<li>Apply Credits: <input type="range"  min="0" max="'+credits+'" name="discount_credits" id="discount_credits" /> <span>'+credits+'</span></li>'

JS是：

$('#discount_credits').mousewheel( function() { 
        alert('it changed!'); 
        alert('new value = ' + $(this).val()); 
    });

我也试过

$('#discount_credits').change( function() { 
            alert('it changed!'); 
            alert('new value = ' + $(this).val()); 
        });

两者似乎都不起作用。我做错了吗？

Neither seem to work. Am I doing something wrong?

推荐答案

$('input[type=range]').on('input', function () {
    $(this).trigger('change');
});

这会触发每个更改事件code>输入事件。

This fires the change event on every input event.

这篇关于JQuery Range输入监听器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！