Question

我使用的是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);

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

Answer 1

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

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

但是，在将元素添加到dom之后，您仍需要初始化窗口小部件，如

$('.slider').slider()

演示：Fiddle

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

1 个答案: