1

Facebookアプリのようなスライドアウトメニューを持つjQuery MobileでWebアプリを構築しています。メニューはうまく機能していますが、スライドアウトしたときにバウンス効果を追加したいと考えています。

ここに私が持っているものがあります:

$("a.showMenu").click(function() {
    if (menuStatus != true) {
        $(".ui-page-active").animate({
            left: 250,
        }, 400, function() {
            menuStatus = true
        });
        return false;
    } else {
        $(".ui-page-active").animate({
            left: 0,
        }, 300, function() {
            menuStatus = false
        });
        return false;
    }
});

私の jQuery スキルは非常に限られています。誰でも私がこれを達成するのを手伝ってくれるでしょうか。

前もって感謝します。

4

1 に答える 1

3

George McGinley Smithのイージング プラグインを見てみましょう。

この例を試してください (未テスト):

$("a.showMenu").click(function(){
    if(menuStatus != true){             
    $(".ui-page-active").animate({
        left: 250,
      }, 400, 'easeOutBounce', function(){menuStatus = true});
      return false;
      } else {
        $(".ui-page-active").animate({
        left: 0,
      }, 300, function(){menuStatus = false});
        return false;
      }
});
于 2012-08-12T14:19:26.407 に答える