2012-05-17 51 views
1

我試圖設置一個功能,當點擊一個鏈接時在屏幕上動畫出一個DIV。我已經設置了調用div的函數,並且還有一個函數,當單擊'X'按鈕時將它們設置爲關閉狀態,但我希望該功能在單擊主鏈接時運行,然後繼續爲新內容創建動畫。米相當新的jQuery/JavaScript的所以原諒任何無知對我而言onComplete DIV移除

我當前的代碼如下 -

點擊功能調用的div到屏幕

$("#market a").click(function(){ 
    $("#market_info").show(); 
}); 

和功能來清除掉的div使用單獨的'X'按鈕

$("#fade_bg, .close").click(function(){ 
    $("#fade_bg").fadeOut("slow"); 
    $("#infobox").animate({left: '-1200px' }, "slow", function() { 
     $("#infobox > div").css("display", "none"); 
    }); 
    return false; 
}); 

本來我打算在鏈接函數中使用onComplete來運行後一個函數。

+1

我想你應該張貼的HTML,也許建立一個[小提琴](http://jsfiddle.net),並試圖更好地解釋實際問題是什麼,我讀過的問題三次,我還沒有真正明白什麼是不工作,除了它顯然不按照你喜歡它的方式工作? 「onComplete」究竟在哪裏適合這個,以及你將如何使用它? – adeneo

+0

我有4個鏈接,當你點擊一個鏈接信息框是動畫的時候,infoBox是一個容納4個其他DIV的容器DIV。這些鏈接取決於您點擊哪個鏈接,會在該信息框中顯示第二個div(您可以在第一個功能中看到div ID爲market_info)。我發佈的最後一個函數是一個從屏幕上移除容器信息框div的函數。我的問題是我想要每次點擊4個鏈接之一時運行該功能,因此信息框將被刪除,然後再次添加更新的內容。如果這沒有幫助,我會發布HTML。 – benjosity

回答

0
$("#infobox").animate({left: '-1200px' }, "slow", function() { 
     $(" > div", this).css("display", "none"); 
    });