Исчезновение, затем исчезновение в новом содержании с jquery - PullRequest
Новая
       15

Исчезновение, затем исчезновение в новом содержании с jquery

0 голосов
/ 16 марта 2012

Я пытался заставить эту штуку работать некоторое время, и у меня возникла проблема.При тестировании в автономном режиме содержимое div корректно исчезает, затем новое содержимое исчезает из другого HTML.Теперь, когда он в прямом эфире в Интернете, контент исчезает, затем тот же контент снова исчезает, и только тогда он просто обновляется новым контентом.Как будто это отстает или что-то, но я уверен, что это не так

Вот код JavaScript, который я использовал для этого: 

$(function() {
    $("#one").click(function() {
        $("#content").fadeOut('slow', function(){
            $("#content").load('main.html').fadeIn('slow');
        });         
    });
});

1 Ответ

4 голосов
/ 16 марта 2012

Переместите код fadeIn в нагрузку callback, как показано ниже, 

$(function() {
    $("#one").click(function() {
        $("#content").fadeOut('slow', function(){
            $("#content").load('main.html', function () {
                 $(this).fadeIn('slow');
            });
        });         
    });
});

. Может случиться так, что нагрузка занимает больше времени, чтобы получить main.html (потому что н / ж) но ваш fadeIn включается до этого .. поэтому перемещение .fadeIn внутри .load обратного вызова должно решить эту проблему.

Возможно, вам следует добавить сообщение о состоянии, если .load занимает больше времени ..Попробуйте что-то вроде ниже .. 

            $("#content")
                  .html('<b>Loading.. Please wait...</b>')
                  .load('main.html', function () {
                      $(this).fadeIn('slow');
                  });
...