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不起作用
看到类似这样的问题，然后尝试一下。
但我不能重复一遍，因为它有点不同。