Использование эффекта jQuery shake на готовом документе

Я пытаюсь создать элемент на моей странице, когда загрузка страницы. Мне просто хотелось бы коротко встряхнуть (около 2 секунд), например, когда на некоторых сайтах неверно имя пользователя и пароль.Использование эффекта jQuery shake на готовом документе

Вот что я пробовал.

 <div id="login_wrapper"> 

     <div id="login_header"><div id="header_title">Enter your login details below</div> </div> 

     <div id="login_input_wrapper"> 

     <div id="username_wrapper"> 

      <div id="username_label"><h3>Username</h3></div><div id="username_input"><input type="text" class="text_field" id="login_username" name="login_username" placeholder="username123"></div> 

     </div> 

     <div id="username_wrapper"> 

      <div id="username_label"><h3>Password</h3></div><div id="username_input"><input type="password" class="text_field" id="login_password" name="login_password" placeholder="itsasecret"></div> 

     </div> 


     <div id="" class=""> <button class="login_button" value="submit"> login </div> 


    </div> 


    </div> 

    </div> 

    <script type="text/javascript"> 

$(document).ready(function() { 
    $("#login_wrapper").effect("shake"); 
}); 

    </script>

Я поместил это незадолго до конца тела в документе, но не подвожу никакого ответа. Я новичок в jQuery, может ли кто-нибудь помочь мне понять, что случилось с моим кодом, пожалуйста?

источник

2015-05-15 Springheeled Jack

Я создал [jsfiddle] (http://jsfiddle.net/m1ya48rp/), чтобы показать, что это возможно – ChrisW

хорошо я думаю, что вы ищете для этого HTTP: //www.9lessons .info/2014/07/ajax-php-login-page.html и демо http://demos.9lessons.info/ajaxLoginServer/index.php –

просто введите неправильное имя пользователя или пароль, вы получите эффект дрожания в демоверсии link –

<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <title></title> 
 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 
</head> 
 
<body> 
 
<div id="login_wrapper">Hello</div> 
 
<script> 
 
$(document).ready(function() { 
 
    $("#login_wrapper").effect("shake"); 
 
}); 
 
</script> 
 
</body> 
 
</html>

Убедитесь, что вы загружены следующие. Просто проверьте консоль для ошибки

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

источник

2015-05-15 11:17:29

Спасибо. У меня есть источник пользовательского интерфейса в этом порядке. Тем не менее, не работает. –

@SpringheeledJack wahat о ошибке консоли? –

TypeError: $ (...). Эффект не является функцией –

.effect() является частью jQueryUI. Вы должны загрузить jQuery и jQueryUI (в этом порядке), чтобы заставить его работать.

Check jsFiddle

источник

2015-05-15 11:19:47 kosmos

Спасибо. У меня есть источник пользовательского интерфейса в этом порядке. Тем не менее, не работает. –

Работает jsFiddle. Итак, у вас что-то не так в коде. Вы можете публиковать журнал консоли? – kosmos

Использование эффекта jQuery shake на готовом документе

ответ

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