首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >是否有一种方法只为页面的特定部分(即页眉)加载外部样式表,并为所有其他部分“卸载”该样式表?

是否有一种方法只为页面的特定部分(即页眉)加载外部样式表,并为所有其他部分“卸载”该样式表?
EN

Stack Overflow用户
提问于 2022-02-21 17:56:20
回答 1查看 31关注 0票数 1

我正试图无缝地集成一个帮助中心(来自Zendesk)。为此,我将主页的页眉和页脚复制到帮助中心页面中。我在标题中应用外部页面的CSS,如下所示:

代码语言:javascript
运行
复制
<link href=".../web/cache/Test.css" media="all" rel="stylesheet" type="text/css" />

问题是,使用这种方法将样式表应用于整个页面,并将所有其他文章和内容搞砸。

我需要一种只将样式表应用于页面特定部分(标题)的方法。另一个注意事项是样式表很大,我不能以任何方式编辑它(例如,编辑选择器只应用于头类)。

我试着寻找解决方案,但只写了8年前关于使用类似<style scoped>的帖子,尽管这似乎也过时了。

我还尝试使用我找到的这个javascript函数,但没有结果:

代码语言:javascript
运行
复制
function applyCSSFileToElement(cssUrl, elementSelector, callbackSuccess, callbackError) {
    callbackSuccess = callbackSuccess || function(){};
    callbackError = callbackError || function(){};
    $.ajax({
        url: cssUrl,
        dataType: "text/css",
        success: function(data) {
            applyCSSToElement(data, elementSelector);
            callbackSuccess();
        },
        error: function(jqXHR) {
            callbackError();
        }
    })
}
EN

回答 1

Stack Overflow用户

发布于 2022-02-25 19:05:50

这个怎么样?

  • 将所需的相关代码存储在Zendesk帮助中心代码区域
  • 中,使用Java或Jquery检查相关条件
  • 是页面的元素,是页面的URL,如果上面的内容为

< code >H19通过Jquery< code >H 210F 211执行代码>F 211,则要执行

  • >。
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71210916

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档