javascript - JQuery Shake Breaking 脚本和垂直对齐不起作用

Question

查看JQuery Shake Effect要在尝试上传无效的文件格式或大小时摇动我的文件输入字段，我需要添加的是以下内容；

$( "#toggle" ).effect( "shake" );

然而，在我的脚本中实现这一点后，它会破坏之后的一切；

if (!(/\.(gif|jpg|jpeg|tiff|png)$/i).test(uploadFile.name)) {

    $('#file').effect( "shake" );

    $('#file').text('You must select an image file only');
    setTimeout(function() { $('#file').text('Choose file');},5000);
    goUpload = false;
}

即使我设置了垂直对齐，我也遇到了居中文本的问题。

JSFiddle http://jsfiddle.net/t5euj5j4/

更新的 fiddle : http://jsfiddle.net/t5euj5j4/1/ -忘记添加 JQuery UI!

Answer 1

解决方案

问题一:

@AbrahamUribe 指出我愚蠢地没有链接到 JQueryUI。

问题二

而不是...

vertical-align: 35px;

...正在使用中，应使用以下内容将文本居中对齐；

line-height: 35px;