javascript - slideUp() 和 slideDown() 在 .delegate() 中不起作用

Question

我正在使用 JQM 开发一个网站。我已经通过 AJAX 数据动态创建了一个可折叠的。现在，我想让可折叠的上下滑动顺畅（JQuery mobile）。问题是 .delegate 函数正在执行，但它使用默认的滑动速度并且没有改变。我的代码是：

$('#search-page').delegate('.menu-collapse','expand', function (event) {
      $(this).children().slideDown(300);
  }).delegate('.menu-collapse','collapse', function (event) {
    $(this).children().next().slideUp(300);
      event.stopPropagation();
});

我认为 $(this) 有一些问题。任何人都可以解决它吗？提前致谢。

Answer 1

试试看，这正是你现在想要的

$(document).on('pageinit',function(event){
    $('[data-role="collapsible"]').bind('expand', function (event) {

        $(this).find('.ui-collapsible-content')
               .css('display','none')
               .slideDown(300, function(){
                  $(this).css('display','block');
                });

    }).bind('collapse', function (event) {  

       $(this).find('.ui-collapsible-content.ui-collapsible-content-collapsed')
              .slideUp(300);    
    });
});

在这里提琴

Answer 2

我认为，您需要找到方法，如何为可折叠集设置动画，而不是为什么delegate不工作
看到这样的问题，然后尝试一下。
但我不能重复这个，因为它有点不同。