jQuery的UI滑块可以与委托选择器一起使用吗?

问题描述

我正在使用jquery滑块，可以通过document.ready()或ajax pageLoad()函数

I'm using jquery slider, which is called from either document.ready() or ajax pageLoad() function

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

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

            // do something else
        }
    });

因为我使用Asp.Net AJAX(更新面板)，所以集成jQuery函数的最佳方法是通过使用.on函数进行委派.

Because I use Asp.Net AJAX (update panels), the best way of integrating jQuery functions is to do it through delegation using the .on function.

通常，我会在document.ready中使用这样的一行，而不必理会.

Typically, I would use a line like this in document.ready and forget about it.

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

是否可以通过这种方式使用滑块调用?

Is there any way of using the slider call in this way?

推荐答案

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

You can use event delegation for registering event handlers

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

• 幻灯片事件
• 创建事件
• slide event
• create event

但是仍然需要在将元素添加到dom之类后初始化小部件

But still you will have to initialize the widget after the element is added to the dom like

$('.slider').slider()

演示:小提琴

这篇关于jQuery的UI滑块可以与委托选择器一起使用吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！