jquery UI 滑块可以与委托选择器一起使用吗？答案

【问题标题】：Can jquery's UI slider be used witha delegate selector?jquery UI 滑块可以与委托选择器一起使用吗？
【发布时间】：2014-03-17 09:11:47
【问题描述】：

我正在使用 jquery 滑块，它是从 document.ready() 或 ajax pageLoad() 函数调用的

$(".slider").slider({
        slide: function (event, ui) {

            // do something
        },
        create: function (event, ui) {

            // do something else
        }
    });

因为我使用 Asp.Net AJAX（更新面板），所以集成 jQuery 函数的最佳方式是使用 .on 函数通过委托来实现。

通常，我会在 document.ready 中使用这样的一行，然后忘记它。

    $('body').on('click', 'input.validates', setInputStateOnSubmit);

有没有办法以这种方式使用滑块调用？

【问题讨论】：

标签： jquery jquery-ui slider

【解决方案1】：

您可以使用事件委托来注册事件处理程序

$(document).on('slidecreate', '.slider', function (event, ui) {
    // do something
}).on('slide', '.slider', function (event, ui) {
    // do something else
});

但是在元素添加到 dom 之后，您仍然必须初始化小部件

$('.slider').slider()

演示：Fiddle

【讨论】：