有没有办法列出现有 JQuery UI .js 文件的设置?

Is there a way to list the settings for an existing JQuery UI .js file?

我正在从事一个已经进行多年的项目。我们目前使用 jquery 1.7.2 和自定义 jqueryUI 1.8.21。我正在创建一个需要升级 jquery 的新功能,因此我正在升级到 jquery 1.9.1。

问题是 1.9.1 与 UI 1.8.21 不兼容,所以我也需要升级 UI。好吧,没什么大不了的...除了我们在那个 UI 1.8.21 文件中有一堆自定义设置,我需要将它们转移到新版本。

我可以使用新的 UI 1.12.1 版本从头开始重新创建自定义主题,但这会非常困难,而且我总是有可能错过一些重要的设置。我正在寻找一种方法来列出现有文件中修改后的设置,以便轻松地将它们应用于新版本的自定义,或者以某种方式升级或重新创建与新版本相同的设置。

是否有工具或自动方法来执行此操作,还是我运气不好,需要手动重新创建它?

当您下载使用 ThemeRoller 创建的主题时,其中一个文件是 jquery-ui.theme.css。开头的评论有这样一行:

 * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityError=&bgImgOpacityHighlight=&bgImgOpacityActive=&bgImgOpacityHover=&bgImgOpacityDefault=&bgImgOpacityContent=50&bgImgOpacityHeader=&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23aaaaaa&iconColorError=%23cc0000&fcError=%235f3f3f&borderColorError=%23f1a899&bgTextureError=flat&bgColorError=%23fddfdf&iconColorHighlight=%23777620&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgTextureHighlight=flat&bgColorHighlight=%23fffa90&iconColorActive=%23ffffff&fcActive=%23ffffff&borderColorActive=%23003eff&bgTextureActive=flat&bgColorActive=%23007fff&iconColorHover=%23555555&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgTextureHover=flat&bgColorHover=%23ededed&iconColorDefault=%23777777&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgTextureDefault=flat&bgColorDefault=%23f6f6f6&iconColorContent=%23444444&fcContent=%23333333&borderColorContent=%23dddddd&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%23444444&fcHeader=%23333333&borderColorHeader=%23dddddd&bgTextureHeader=flat&bgColorHeader=%23e9e9e9&cornerRadius=10px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif

跟随link,点击下载主题按钮,您将能够下载具有相同主题的新版本。

但是,这只是指定了主题。按钮转到的下载页面要求您 select 要包含的组件。我没有看到任何自动执行此操作的方法,但在 jquery-ui.js 的开头有一条评论,其中包含一行:

* Includes: widget.js, position.js, data.js, disable-selection.js, focusable.js, form-reset-mixin.js, jquery-1-7.js, keycode.js, labels.js, scroll-parent.js, tabbable.js, unique-id.js, widgets/accordion.js, widgets/autocomplete.js, widgets/button.js, widgets/checkboxradio.js, widgets/controlgroup.js, widgets/datepicker.js, widgets/menu.js, widgets/mouse.js, widgets/progressbar.js, widgets/selectmenu.js, widgets/slider.js, widgets/spinner.js, widgets/tabs.js, widgets/tooltip.js

您或许可以从中找出哪些组件 select。