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不起作用
看到類似這樣的問題，然后嘗試一下。
但我不能重復一遍，因為它有點不同。