2015-08-16 184 views
0

我有以下jQuery函數正在重新對齊我的網站導航。功能完成後淡入

一旦導航已經改變(增加了保證金),我想淡出導航

function logoPosition() { 

    var totalLeft = 0, 
     totalRight = 0; 

    $('li.left').each(function() { 
     totalLeft += parseInt($(this).width(), 10); 
    }); 

    $('li.right').each(function() { 
     totalRight += parseInt($(this).width(), 10); 
    }); 

    var diff = Math.abs(totalRight - totalLeft), 
     rePosition = '-'+diff+'px'; 

    $nav.css({ 'margin-left' : rePosition }); 

} 
logoPosition(); 

我曾嘗試:

$.when(logoPosition()).then(**load nav back in**); 

但是,這只是用來加載資產淨值回在保證金添加之前立即進行。

任何想法?

+1

如果我們在這裏有一個FIDDLE,那會很好 – Abhi

+0

您是否嘗試過回撥? – wallek876

+0

你的代碼沒有異步操作,所以只是淡入元素......如果有某種動畫/過渡,例如在CSS中,那麼添加相關信息 –

回答

0

在HTML/CSS設置導航造型到:

opacity: 0; 

那麼當你的功能是完成新建:

$(".nav").fadeTo(500, 1); 

(以上假設你的導航欄有類.nav的附帶)