使用最新的jQuery和jQuery UI时，Plupload UI小部件用户界面和生成的html存在差异 介绍

要将多个文件上载到我使用的服务器，请执行以下操作：

Symfony v3.2.8

v2.3.1

jQuery UI小部件

version

目标 我希望我的项目中的

Plupload

UI设计与项目官方主页上的示例相同（介绍部分的第5个链接）

问题 目前，我个人项目中的

Plupload

小部件看起来很相似，但与项目官方主页中的示例不同

截图

• Plupload UI小部件（）的名称
• 我的项目中Plupload小部件的名称（）

注意：每个按钮的侧面都有一些额外的填充物（第二张图片）

可悲的是，差异不仅仅是表面上的——官方示例似乎产生了不同的HTML（请在下面的代码部分查看示例）

问题: 我怎样才能使UI看起来像官方主页中的示例—按钮有正确的填充和边距

代码 从

plupload

主页（）上的演示中摘录代码块

最后 我错过了什么

更新 我追溯到了

jQuery

和

jqueryui

在

plupload

演示页面和我的项目中使用的不同版本

• JSFiddle of

  pluploadv2.3.1

  jqueryv1.9.1和

  jqueryuiv1.9.2

• JSFiddle of

  pluploadv2.3.1

  jqueryv3.2.1和

  jqueryuiv1.12.1

正如任何人都可以看到的——不仅在视觉上存在差异，在生成的代码中也存在差异（请参阅代码部分的摘录，或者查看演示1和演示2，并比较两者中按钮的代码）

如果将

plupload

代码与最新的

jQuery

和

jqueryui

一起使用，那么它似乎有问题

<a class="plupload_button plupload_add ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary" id="uploader_browse" role="button" aria-disabled="false" style="z-index: 1;">
    <span class="ui-button-icon-primary ui-icon ui-icon-circle-plus"></span>
    <span class="ui-button-text">Add Files</span>
</a>

<a class="plupload_button plupload_add ui-button ui-corner-all ui-widget" id="uploader_browse" role="button" style="z-index: 1;">
    <span class="ui-button-icon ui-icon ui-icon-circle-plus"></span>
    <span class="ui-button-icon-space"> </span>
    Add Files
</a>