события jquery не являются постоянными

В следующем коде я вижу, как мой jquery заменяет текст, который вы меня удаляете, на тестирование, но он быстро возвращает его к исходному тексту. мог ли кто-нибудь рассказать, в чем проблема? Любая помощь приветствуется.события jquery не являются постоянными

<!DOCTYPE html> 
    <html lang="en"> 
    <head> 
     <title>Bootstrap Example</title> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
     <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
     <script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#but").click(function(){ 
      $("p").text("testing"); 
      }); 
     }); 
     </script> 
    </head> 
    <body> 
    <div class="container"> 
     <h2>Vertical (basic) form</h2> 
     <form role="form"> 
     <div class="form-group"> 
      <label for="email">Email:</label> 
      <input type="email" class="form-control" id="email" placeholder="Enter email"> 
     </div> 
     <div class="form-group"> 
      <label for="pwd">Password:</label> 
      <input type="password" class="form-control" id="pwd" placeholder="Enter password"> 
     </div> 
     <div class="checkbox"> 
      <label><input type="checkbox"> Remember me</label> 
     </div> 
     <button id="but" type="submit" class="btn btn-default">Submit</button> 

     </form> 
    </div> 
     <p>Click me away!</p> 
    </body> 
    </html>

источник

2015-08-11 user1335161

Когда форма отправлена страница обновляется. Смените тип кнопки на кнопку, и это должно решить вашу проблему. Вы также можете переместить кнопку вне формы или вернуть событие отправки false. – Duncubuntu

Что вы имеете в виду, что это возвращается , если вы обновите страницу, этот текст вернуться к исходному text.If вы хотите, чтобы не отправить страницу, которую вы можете установить return false пожалуйста, проверьте мой скрипку код (http://jsfiddle.net/tommoholmes/cea6dz35/)

источник

2015-08-12 00:05:19

или еще лучше, не используйте 'type =" submit ", если вы действительно не хотите отправлять. – recursive

Спасибо. это сработало! – user1335161

Пожалуйста, напишите скрипку или фрагмент в вопросе, если это возможно. – onebree

попробовать

.on('click', function(){ 
    $("p").text("testing"); 
});

источник

2015-08-11 23:56:49 RooWM

Спасибо за предложение. Но я все еще вижу проблему, когда текст «тестирование» быстро появляется и возвращается к старому тексту. – user1335161

Что вы можете сделать, это:

$(document).ready(function(){ 
     $("#but").on('click', function(e){ 
      $("p").text("testing"); 
      e.preventDefault(); 
     }); 
    });

Лучше использовать event.preventDefault() вместо return false. И для последней версии jquery используйте вместо функции щелчка.

Ссылка о возвращении ложных против event.preventDefault()

http://blog.nmsdvid.com/when-to-use-return-false-and-when-preventdefault/

http://fuelyourcoding.com/jquery-events-stop-misusing-return-false/

источник

2015-08-12 00:16:22

события jquery не являются постоянными

ответ

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