Ajaxify PushState 推送 CSS 文件?

Posted

技术标签:

【中文标题】Ajaxify PushState 推送 CSS 文件?【英文标题】:Ajaxify PushState pushing CSS files? 【发布时间】:2013-11-22 07:54:10 【问题描述】:

我正在创建一个简单的网站,现在我正在使用 Ajaxify 库来使页面转换看起来很棒。 问题是:我的页面既有全局 CSS 文件(在整个站点中使用),也有特定的 CSS 文件(每个页面一个文件,具有特定内容)。 当我使用 Ajaxify 更改页面时,它会推送内容,但不会推送 head 中的特定 CSS 链接,因此网站会出现问题。关于如何修改 Ajaxify 以查找 link 标签并推送它们的任何想法?

提前致谢。

【问题讨论】:

【参考方案1】:

如果您使用jQuery(我认为这是 Ajaxify 的要求),那么您可以轻松地在页面转换完成后手动将新样式表附加到头部:

$('head').append('<link rel="stylesheet" href="page-specific-style.css" type="text/css" />');

【讨论】:

以上是关于Ajaxify PushState 推送 CSS 文件?的主要内容,如果未能解决你的问题,请参考以下文章

如果 popstate 事件来自带有 HTML5 推送状态的后退或前进操作,我如何检索?

使用 AngularJS、ui.Router 和 yeoman 重新加载 Html5 Pushstate

在 jQuery.extend() 中使用 $(this)

使用 window.history.pushState 函数时无法在“历史”错误上执行“pushState”

pushState 和 SEO

Pushstate 在缓存方面是不是不如 Hashbangs?