使用Javascript的Volusion中特定于页面的CSS
刚开始在Volusion平台上进行设计,在调查了支持表单上的帮助主题后,就陷入了困境。我需要覆盖所有页面上的CSS样式,但我的default.asp主页除外。我试图用javascript实现这一点,但它似乎不起作用 以下是该站点的演示: 我试图通过以下Javascript开始修改我的脚本:使用Javascript的Volusion中特定于页面的CSS,javascript,css,overriding,volusion,Javascript,Css,Overriding,Volusion,刚开始在Volusion平台上进行设计,在调查了支持表单上的帮助主题后,就陷入了困境。我需要覆盖所有页面上的CSS样式,但我的default.asp主页除外。我试图用javascript实现这一点,但它似乎不起作用 以下是该站点的演示: 我试图通过以下Javascript开始修改我的脚本: <script type="text/javascript"> //<![CDATA[ if (location.pathname == "/ProductDetails.asp")
<script type="text/javascript">
//<![CDATA[
if (location.pathname == "/ProductDetails.asp") ||
location.pathname.indexOf("-p/") != -1 ||
location.pathname.indexOf("_p/") != -1)
var onHomepage = true;
if(!onHomepage)
document.writeln("\n<style type='text/css'>content {
padding: 20px background-color: #fff}</style>\n\n");
//]]> </script>
//
有人能告诉我吗
非常感谢您的帮助 与其使用样式标记,不如直接使用jQuery设置样式(如果加载了DOM),或者将链接标记写入单独的样式表。与其使用样式标记,不如直接使用jQuery设置样式(如果加载了DOM)或者将链接标记写入单独的样式表。在无Javascript的Volusion中,有一种更简单的方法可以实现这一点。如果您登录到仪表板,请转到“设计->文件编辑器”,然后单击模板HTML文件(它将位于“模板文件”标题下),您将位于站点的主模板文件中 在
标记之间,您只需添加一个id为“if\u not\u homepage”的div,如果不是在default.asp页面上,站点将只读取该div的内容。例如:
<div id="if_not_homepage">
<style type="text/css">
#content{
padding:20px;
background-color:#fff;
}
</style>
</div>
<div id="if_not_homepage">
<link rel="stylesheet" href="/v/vspfiles/templates/YOUR_TEMPLATE/css/inner_style.css" />
</div>
#内容{
填充:20px;
背景色:#fff;
}
或者,您可以在此div中完全调用单独的样式表(例如):
如果将样式表放在目录“/v/vspfiles/templates/YOUR_TEMPLATE/css/”中,您也可以从Volusion仪表板的文件编辑器中编辑样式表(与其他样式表一样)
或者,有一个id为“if_homepage”的div,如果用户在default.asp上,该div是只读的(与“if_not_homepage”相反)
另一方面,在上面的代码中,CSS中的“内容”缺少类(.)或id(#)选择器,因此这可能也与此有关。在无Javascript的Volusion中,有一种更简单的方法可以做到这一点。如果您登录到仪表板,请转到“设计->文件编辑器”然后单击模板HTML文件(它将位于“模板文件”标题下),您将位于站点的主模板文件中 在
标记之间,您只需添加一个id为“if\u not\u homepage”的div,如果不是在default.asp页面上,站点将只读取该div的内容。例如:
<div id="if_not_homepage">
<style type="text/css">
#content{
padding:20px;
background-color:#fff;
}
</style>
</div>
<div id="if_not_homepage">
<link rel="stylesheet" href="/v/vspfiles/templates/YOUR_TEMPLATE/css/inner_style.css" />
</div>
#内容{
填充:20px;
背景色:#fff;
}
或者,您可以在此div中完全调用单独的样式表(例如):
如果将样式表放在目录“/v/vspfiles/templates/YOUR_TEMPLATE/css/”中,您也可以从Volusion仪表板的文件编辑器中编辑样式表(与其他样式表一样)
或者,有一个id为“if_homepage”的div,如果用户在default.asp上,该div是只读的(与“if_not_homepage”相反)
另一方面,在上面的代码中,CSS中的“内容”缺少类(.)或id(#)选择器,因此这可能也与此有关