Question

当输入不是valid（或者它们没有被填充）时，我试图使这个div震动：http://jsfiddle.net/jalxob/ahQLC/13/

我尝试自己使用：

    .effect('shake');

有人可以帮帮我吗？

谢谢！

Answer 1

尝试在您想要调用它的任何地方使用它：

<div id="inputbox"></div>


$( document ).click(function() {
  $("#inputbox").effect( "shake" );
});

Answer 2

您只需要包含jQuery UI。在JSFiddle中，您需要在框架和框架下的选项列表中选择JQuery UI。扩展。假设这是在项目中，您需要包含jQuery UI library。

Answer 3

animate.css怎么样？您只需要animate.css

<button id="shakebtn">shake</button>

<div id="shakediv">
this is shake test. shake demo on div. please click shake button.
</div>
<script>
$('#shakebtn').click(function(){
    $('#shakediv').removeClass().addClass('animated shake')
    .one('webkitAnimationEnd oAnimationEnd', function(){
        $(this).removeClass();
   });
});
</script>

jsfiddle demo

Answer 4

试试这个

在文件中包含Jquery UI JS和使用shake()功能

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js" type="text/javascript">

DEMO

当输入无效时，在div上添加抖动效果

4 个答案: