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

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

本文介绍了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滑块可以与委托选择器一起使用吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

07-31 06:21