jquery не работает локально при тестировании

Я хочу перенаправить на новую веб-страницу после того, как в диалоговом окне отображается определенное количество времени. Мой код не работает, пожалуйста, поправьте меня. Я не вижу диалоговое окно, когда я запускаю локально.jquery не работает локально при тестировании

test.html

<html> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 


<script> 
$(document).ready(function(){ 

if ($("#alert").length) { 
    var title; 
    if ($("#alert span").length) { 
     title = $("#alert span").text(); 
    } 
    $("#alert div").dialog({ 
     title: title, 
     modal: true, 
     open: function() { var foo = $(this); 
      setTimeout(function() { 
       foo.dialog('close'); 
      }, 2000); 
      window.location.href = "http://stackoverflow.com"; 
     } 

    }); 
} 
}); 

</script> 
<body> 
<div id="alert"> 
<span>Password change</span> 
<div>Password was successfully changed.</div> 
</div> 
</body> 
<html>

источник

2016-06-08 user222

Не похоже, что jQuery UI javascript и CSS загружены для запуска функции диалога. – Neil

Вам необходимо включить JQuery-UI использовать диалоговую функцию.

$(document).ready(function() { 
 
    if ($("#alert").length) { 
 
     var title; 
 
     if ($("#alert span").length) { 
 
      title = $("#alert span").text(); 
 
     } 
 
     $("#alert div").dialog({ 
 
      title: title, 
 
      modal: true, 
 
      open: function() { 
 
       var foo = $(this); 
 
       setTimeout(function() { 
 
        foo.dialog('close'); 
 
       }, 2000); 
 
       //window.location.href = "http://stackoverflow.com"; 
 
      } 
 
     }); 
 
    } 
 
});

<html> 
 
<head> 
 
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> 
 
</head> 
 
    
 
<body> 
 
    <div id="alert"> 
 
     <span>Password change</span> 
 
     <div>Password was successfully changed.</div> 
 
    </div> 
 
    
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
 

 
    <!- I've added this. -> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
 

 
</body> 
 
<html>

источник

2016-06-08 18:30:29

В IE не отображается диалоговое окно jquery. Нужно ли добавлять какие-либо вещи, чтобы заставить его работать в IE? Благодарю. – user222

@ user222 jQuery-UI поддерживает IE8 + I beleive. Вы на совместимой версии? –

да, я использую IE11. – user222

Убедитесь, что вы хостинг файл HTML и все локально, локальный.

Возможно, используйте nodejs или даже используйте IIS для их размещения, а затем откройте файлы.

источник

2016-06-08 19:13:36 TingAli

jquery не работает локально при тестировании

ответ

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