JQuery Shake Breaking Script＆amp;垂直对齐不起作用

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;
}

即使我设置了vertical-align，我也遇到了使文本居中的问题。

JSFiddle http://jsfiddle.net/t5euj5j4/

更新小提琴： http://jsfiddle.net/t5euj5j4/1/ -Forgot添加JQuery UI！

Answer 1

解决方案

问题一：

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

问题二

而不是......

vertical-align: 35px;

......正在使用中，应使用以下内容将文本与中心对齐;

line-height: 35px;