第二个范围滑块在html中不起作用

Question

我的表单中有4个范围值滑块元素，只有第一个正常工作。

这是我的代码：

SELECT p.id, p.name, SUM(CASE WHEN m.winner = p.id THEN 1 ELSE 0 END) AS win, COUNT(m.winner) AS matches
FROM players as p
LEFT JOIN matches AS m ON p.id IN (m.winner, m.loser)
GROUP BY p.id
ORDER BY win DESC, p.id

    $('#listenSlider').change(function() {
        $('.output b').text( this.value );
    }); 
    $('#listenSlider2').change(function() {
        $('.output2 b').text( this.value );
    }); 
    $('#listenSlider3').change(function() {
        $('.output3 b').text( this.value );
    }); 
    $('#listenSlider4').change(function() {
        $('.output4 b').text( this.value );
    }); 

第一个工作正常，但其他3个工作正常。

Answer 1

嗨，我认为你需要参考下面的范围滑块链接。 range slider

这可能对你有所帮助，只需查看并告诉我。