Question

嗨所有我在用另一个div完全替换一个div的内容时遇到问题。这是我的div结构

 <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，其中包含类名events-info和bat-chat-gal。现在我要做的是当你点击Bat & Chat gallery类events-info中的OpenGallery()按钮时，我正在调用名为OpenGallery的javascript函数，其代码如下。在events-info函数中，我逐渐淡出bat-chat-gal类并在同一个地方淡出function OpenGallery() { $('.events-info').fadeOut(); $('.bat-chat-gal').fadeIn(3000); }。这是我的问题，当试图淡入第二个div它是第一个从第一个div的结尾开始然后它即将到来所以它看起来像页面移动。如何在不使用某些动画的情况下进行替换。

{{1}}

Answer 1

如果不想要动画，那么只需使用 show 和 hide

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

Answer 2

你需要写下面的函数

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

 }

如何使用JQuery替换div的整个完整视图与另一个没有页面移动的div

2 个答案: