如何爲API函數創建動畫？

我有這樣的代碼，使用通過插件（WordPress的）提供的API如何爲API函數創建動畫？

$('#my_overlay').click(function(){ 
     uberMenu_close('#menu-item-1459'); 
     return false; 
    });

它所做的是它會關閉在單擊#my_overlay當與＃菜單項，1459相關的子菜單。但是，由於沒有動畫，所以它非常突兀。

如何向上面的代碼添加動畫效果？

這裏是定義的「uberMenu_close（‘ID’）」的API的JS（以防萬一我有實際編輯這個不是我上面的代碼，並給你一個更好的畫面）

function uberMenu_close(id){ 
    var $uber = $ujq('#megaMenu').data('uberMenu'); 
    $uber.close(id); 
}

謝謝

來源

2014-01-28 John_911

我們需要知道.close函數的代碼，因爲它似乎是實際關閉的代碼。 –

你的意思是$ uber.close？我現在在代碼中查找它。一秒鐘，如果這不是你的意思，讓我知道！謝謝！ –

同意@PatrickEvans。如果只是添加和刪除一個類，則可能會使用'＃menu-item-1459'元素（或者更優選地，所有菜單項）上的CSS過渡動畫。 –

我想嘗試更改您發佈的第二個函數以添加fadeOut（）功能。像這樣的東西。

function uberMenu_close(id){ 
    var $uber = $ujq('#megaMenu').data('uberMenu'); 
    //adjust how quickly you want it to fade, 1000 is one second 
    $(id).fadeOut(1000,function(){ 
     $uber.close(id); 
    }); 
}

來源

2014-01-28 07:22:02 Seano666

如何爲API函數創建動畫？

回答

相關問題