如何用另一個div替換整個div的完整視圖，而不使用jQuery的頁面移動

嗨我所有的我都面臨一個問題，而完全用另一個div替換一個div的內容。這裏是低於如何用另一個div替換整個div的完整視圖，而不使用jQuery的頁面移動

<div class="tab-pane active" id="events"> 

    <div class="events-info" style="display:none;"> 

     <div class="tab-info"> 

      <div class="bat-chat"><a href="javascript:OpenGallery();" class="btn btn-warning">Bat &amp; Chat Gallery</a></div> 

     </div> 

    </div> 

    <div class="bat-chat-gal" style="position:relative;">

我的div結構如果你看到上面的人有兩個div與類名events-info和bat-chat-gal。現在我想要做的是當你點擊名爲Bat & Chat gallery的按鈕events-info類，我在調用下面的javascript函數OpenGallery()，其代碼如下。在OpenGallery函數中，我正在淡出events-info類，並在同一地點在bat-chat-gal中褪色。這裏是我的問題，同時試圖淡入第二個div它是第一個開始的第一個div的結尾，然後它即將到來所以它看起來像頁面移動。如何替換而不發生使用某些動畫。

function OpenGallery() 
{ 
    $('.events-info').fadeOut(); 
    $('.bat-chat-gal').fadeIn(3000); 
}

來源

2013-11-22 Venkata Krishna

你需要寫功能類似下面

function OpenGallery() 
{ 
    $('.events-info').fadeOut(function(){ 
     $('.bat-chat-gal').fadeIn(); 
    }); 

}

來源

2013-11-22 07:10:56

希望沒有動畫那麼簡單的使用show和hide

$('.events-info').hide(); 
$('.bat-chat-gal').show(3000);

來源

2013-11-22 07:02:34

在這裏，我明確地提到這個問題時，它不是動畫問題。當我嘗試淡入或顯示第二個div時，首先從第一個div內容的末尾開始，然後替換它。這是不好的權利 –

如何用另一個div替換整個div的完整視圖，而不使用jQuery的頁面移動

回答

相關問題