javascript - NoUiSlider On 事件多次触发

Question

每次使用滑块更改值时，我都会显示通知，第一次更改会创建一个通知，但之后会创建多个通知而不是一个。有什么想法可以阻止这个吗？感谢您提供的任何帮助，我在下面包含了我的代码。

每次移动滑块时都会触发此事件。

$("#single-slider").on({

        change: function () {
            $("#single-slider").Link('lower').to(Notification);
        }
    });

它绑定到我的通知功能，它可以让我传递值并显示如下所示的消息。

function Notification(value, type) {
console.log(value);
var tFormat = value;
$.jGrowl(' Refresh rate for ' + type + ' changed to ' + tFormat, { life: 10000, header: '<i class="fa fa-comment-o fa-2x"></i>' });

}

但是，它不是创建一个通知，而是创建多个通知。

Answer 1

您发布的代码很好（http://jsfiddle.net/2py6oz04/）。您可能不止一次添加了侦听器。

尝试使用

$('#single-slider').off("change");

前

$("#single-slider").on({
    change: function () {
        $("#single-slider").Link('lower').to(Notification);
    }
});

如此处所示：http: //jsfiddle.net/2py6oz04/1/ 我添加了一个侦听器，将其取下并再次添加。如果删除该 off行，您会收到两个警报。

另外，在 之前添加一个 console.log()$("#single-slider").on来记录它被添加了多少次。理想情况下，您应该解决根本问题，而不仅仅是关闭现有的侦听器。