Wordpress 父/子主题未在 ie7+8 中加载 js答案

【问题标题】：Wordpress parent/child theme not loading js in ie7+8Wordpress 父/子主题未在 ie7+8 中加载 js
【发布时间】：2012-06-26 12:24:31
【问题描述】：

我在对新客户网站进行故障排除时遇到了问题。

我正在使用 CSS 媒体查询，但由于某种原因，modernizr/respond.js 不适用于 IE7 和 8——我整个上午都在查看这个问题，但无法修复它。想知道一双新鲜的眼睛是否能发现任何我看不到的东西......？

网站在这里：http://cy4or.co.uk

更新：我想知道这是否与 Wordpress 中的父/子主题有关。以前这个网站使用一个主题，后来我将该主题拆分为父主题和子主题，并且（我认为）这就是问题开始的时候。

更新 2：它肯定与父/子主题有关。只激活了它们的父级，一切正常。

【问题讨论】：

标签： css wordpress-theming media-queries modernizr

【解决方案1】：

我也遇到了 Respond.js 无法在我的 WordPress 父/子主题配置中解析媒体查询的问题，这涉及在子 CSS 文件中使用 @import 来拉入父主题 CSS。然后我发现根据Respond.js documentation：

Respond.js 不解析通过 @import 引用的 CSS，也不起作用在样式元素中使用媒体查询，因为这些样式不能重新请求解析。

由于我使用的是 Sass，所以我的解决方案是 @import Sass 文件，而不是 CSS 文件：

@import '../parent/scss/style.scss';

这会将父 CSS 编译为子主题中的单个 style.css 文件，并且 Respond.js 会按预期呈现媒体查询。如果您没有使用预处理器或有其他原因加载父 CSS 文件本身，则可以使用 wp_enqueue_style 来完成。

function link_parent_theme_style() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_uri() );
}
add_action('wp_enqueue_scripts', 'link_parent_theme_style');

从技术上讲，这个问题应该是“Respond.js not working with WordPress parent/child theme”

【讨论】：

【解决方案2】：

您的页面未通过验证，JavaScript 很可能需要一个正确验证的页面才能获得最佳执行机会而不会出错。

【讨论】：

使用 W3C 验证器工具，我仍然看到 5 个错误，包括重复 ID 的 validator.w3.org/check
是的，但这些不会对我的主要问题产生影响。重复的 ID 是唯一困扰我的问题，因为它是由插件引起的，但其余的不会影响这一点。

【解决方案3】：

所以事实证明这个问题有点难以解决。

我正在使用 .less 来编译我的 css，但由于某种原因，当使用 Child 主题并在 style.css 顶部导入父 css 时，它在 ie8 及以下版本中不起作用。

我希望我可以扩展“它不工作”，但经过 2 天的故障排除后，我真的无法告诉你问题出在哪里。

最后我还是直接将子css添加到了header，然后是父css：

<link rel="stylesheet" href="http://site.com/wp-content/themes/Parent/style.css">
<link rel="stylesheet" href="http://site.com/wp-content/themes/Child/style.css">

这对我有用，我知道这并不理想，但我可以忍受。如果有人对使用 .less 应用程序成功编译子主题和父主题 css 有任何了解，我想知道。

【讨论】：