Как использовать fadeOut с windows.location.href

Я пытаюсь сделать анимацию с помощью jQuery. Он работает на текущей странице, но не тогда, когда я использую window.location.href с Javascript (когда значение x.value истинно).Как использовать fadeOut с windows.location.href

Вот мой HTML:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>Test jQuery</title> 
    <link rel="stylesheet" href="test-alert-1.css"> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
    <script> 
     function result(){ 
      var x = document.getElementById("name"); 
      if (x.value){ 
       window.location.href='http://www.google.com'; 
      }else{ 
       alert('This field cannot be empty'); 
      } 
     } 
    </script> 
    <script> 
     `$`(window).load(function() { 
      `$`(".loader").fadeOut("1000"); 
     })  
    </script>  
</head> 
<body> 
    <div class="loader"> </div> 
    <form action="" method="post"> 
     <div> 
      <label for="name">Name :</label> 
      <input type="text" id="name" /> 
     </div> 
    </form> 
    <input type="image" onclick="result();" src="../../image/loupe.png" class="loupe"> 
</body> 
</html>

И мой CSS:

.loader { 
background: url(../../image/squares2.gif) no-repeat center; 
cursor: wait; 
height: 100%; 
left: 0px; 
position: fixed; 
top: 0px; 
width: 100%; 
z-index: 9999;}

источник

2016-03-05 Tony92

Но какое поведение вы ожидаете ??? Если вы перенаправляетесь на любую внешнюю страницу, ваш вопрос относительно вашего опубликованного кода не имеет никакого смысла. –

Вы не можете FADEOUT изменения location.href,

, что вы могли бы попробовать, чтобы FADEOUT и добавьте location.href в качестве обратного вызова

что-то вроде этого

function result(){ 
    var x = document.getElementById("name"); 
    if (x.value){ 
    $(".loader").fadeOut(1000, function(){ 
    window.location.href='http://www.google.com'; 
    }); 
    }else{ 
    alert('This field cannot be empty'); 
    } 
}

источник

2016-03-05 11:57:55

. Я взял этот пример, потому что он упрощает объяснение относительно использования window.location.href. В любом случае, благодаря Тони Мишелю Кавету за его ответ, потому что это то, что я пытаюсь сделать, и это работает. Спасибо – Tony92

Im рад, что это помогло. Если он решит вашу проблему, отметьте ответ как принятый. –

Как использовать fadeOut с windows.location.href

ответ

Смежные вопросы