我认为它比这更复杂(问题中解释了什么)。以下是我必须将其应用于(相对简单的项目)的更改。所涉及的工作量使我在升级其他更大的项目之前三思而后行。但是,我认为以下内容可能对可能正在考虑升级其网站的其他人有用。
1. ///////////// JS:
在文件系统上,将 html/php 脚本底部引用的 js 脚本替换为新版本,这些新版本位于 \bower_components\foundation-sites\dist。
例如,将 \bower_components\foundation-sites\dist\abc.js 复制到 yourProject/js/abc.js。
2。 ///////////// SCSS 变量:
在文件(_settings.scss)、(_custom_styles.scss)等中:
3. ///////////// 面板和警报框:
在 php/html 中:用类标注替换类(面板)和(警报)。对我来说,以下是我在编辑器替换对话框中使用的字符串(使用正则表达式)。根据您的设计和编码风格,您可能需要不同的字符串。
替换:<div data-alert class='alert-box **success** round'>
与:<div class='**success** callout' data-closable='slide-out-right'>
替换:<div data-alert class='alert-box **alert** round'>
与:<div class='**alert** callout' data-closable='slide-out-right'>
替换:<a href='#' class='close'>&times;</a>
与:<button class='close-button' aria-label='Dismiss alert' type='button' data-close> <span aria-hidden='true'>&times;</span> </button>
删除该行:<script src="./js/foundation.alert.js"></script>
在每个警告框内的文本中,在文本消息周围添加<p>:<p>...</p>
4. ///////////// 菜单:
我认为处理菜单的最佳方法是从头开始重新编写它们。
5. ///////////// 表格:
替换:class='table'
与:class='hover'
6. ///////////// 使表具有响应性(可选):
7. ///////////// 遵守:
替换:</label>(.*)\r\n(.*)<small class=['|"]error['|"]>(.*)</small>
WITH :<span class="form-error">$3</span>\r\n$2</label>
替换:<form (.*) data-abide(.*)>
与:<form $1 data-abide novalidate $2>
- 自定义模式:
- 使用以下 2 行,而不是注释行:
// Foundation 6 Style:
Foundation.Abide.defaults.patterns['dd_mm_yyyy'] = /((0[1-9]|[12][0-9]|3[01])[- \/.]0[1-9]|1[012])[- \/.]\d\d/;
Foundation.Abide.defaults.patterns['short_time'] = /(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9])/;
// Foundation 5 Style:
// $(document).foundation({
// abide : {
// patterns : {
// short_time: /(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9])/,
// dd_mm_yyyy: /((0[1-9]|[12][0-9]|3[01])[- \/.]0[1-9]|1[012])[- \/.]\d\d/
// },
// }
// });
**这绝不是所有必需更改的完整列表。如果是这样,基金会团队早就发布了它。但是,它是一个起点,可能会让您了解所涉及的内容。
祝你好运....**