2016-06-18 3 views
0

У меня есть настройка кнопки, и мне интересно, как я буду запускать мета только после нажатия кнопки.с помощью метатега после нажатия кнопки

Вот код кнопки:

<button type="button" class="btn btn-primary" onclick="waitingDialog.show();setTimeout(function() {waitingDialog.hide();}, 900000);"> 
Show dialog 
</button> 

, и я хочу, чтобы запустить этот мета когда кнопка нажата:

<meta http-equiv="refresh" content="3;url=http://www.example.com"/> 

Функция OnClick в основном открывает всплывающее окно, которое сообщает пользователю о том, что страница загружается

Благодаря

-Tom

+0

Я не уверен, что мета-тег является правильное направление, чтобы пойти с этим. Вы можете проверить этот пост для некоторых других идей, хотя :) http://stackoverflow.com/questions/5294842/refresh-a-page-using-javascript-or-html Javscript усеян способами загрузки страницы. – user2027202827

+0

Спасибо за ответ, но, посмотрев на это, он просто делает то же самое, и он направляет без нажатия кнопки –

ответ

0

Этот код поможет вам:

<html> 
<head> 
    <style> 
     div { 
      background-color: yellow; 
      color: red; 
      width: 80px; 
      height: 20px; 
      display: none; 
     } 
    </style> 
</head> 
    <body> 
     <div id="load">Loading...</div> 
     <br> 
     <button type="button" class="btn btn-primary"> 
     Show dialog 
     </button> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
     <script> 
      $(document).ready(function(){ 
       $("button").click(function(){ 
        $("#load").fadeIn(1000).delay(2000).fadeOut(1000); 
        $('head').append('<meta http-equiv="refresh" content="5;url=http://www.example.com"/>'); 
       }) 
      }) 
     </script> 
    </body> 
</html> 
+0

@ Tom Roman, попробуйте мой код. – Ehsan

+0

Спасибо, отлично! –

+0

Итак, пока он ждет, как бы я сделал это шоу, это код: waitingDialog.show(); Это вещь JS –

0

Однако есть несколько способов, чтобы перенаправить на новую страницу с помощью JavaScript и JQuery, вы можете заставить страницу для перенаправления с помощью мета-тега, добавив мета-тег через JQuery:

$('head').append('<meta http-equiv="refresh" content="3;url=http://www.example.com"/>'); 

Этот код должен быть внутри вашей функции setTimeout. Поскольку код слишком длинный, я предлагаю поместить его в отдельную функцию и вызвать его onClick.

<button type="button" class="btn btn-primary" onclick="mydialog()">Show dialog</button> 
    <scrtipt type="text-javascript"> 
     function mydialog(){ 
      waitingDialog.show(); 
      $('head').append('<meta http-equiv="refresh" content="3;url=http://www.example.com"/>'); 
      setTimeout(function() { 
       waitingDialog.hide(); 
      }, 900000); 
     } 
    </script> 
+0

. Так должно ли это работать?

+0

Нет. Я обновил ответ. Однако я не знаю, что такое 900000 действительно? вы хотите подождать 900 секунд перед перенаправлением ?! –

+0

Нет, это означает, что всплывающее окно остается в состоянии медленного интернет-соединения. –

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