1

我需要在我正在构建的网站顶部使用旧的“调整字体大小”选项——一个是默认大小的链接，一个是让字体变大的链接，一个是让它们变大两倍的链接。它只需要影响一些导航和正文副本，所以我想简单地制作 2 个额外的样式表来设置这些元素的样式，然后单击其中一个链接，将额外的样式表加载到标题中。当您单击“默认”链接时，它将恢复到原始大小（不加载其他样式表）。

有没有办法在javascript中做到这一点？这是一个 Wordpress 网站。或者，我可以使用 js 将标签添加到正文并以这种方式定位元素。

做这个的最好方式是什么？

4

4 回答 4

2

您应该只更改元素的类。这会将他们的 css 更改为样式表中该类指定的任何内容。您的第一个选项比它需要的更复杂。如果您使用 JQuery，您可以从字面上编写这一行代码。

$("span#applicableId").each(function(){ 
    $(this).class("theOtherClass");
});
于 2012-11-19T18:47:50.763 回答
1

您可以使用以下内容动态添加样式表：

function loadNewStyleSheet() {
        var style = document.createElement('style');
        style.type = 'text/css';
        style.src = 'http://path/to/cssfile'
        document.body.appendChild(style);
            }
于 2012-11-19T18:51:26.183 回答
0

我会在 php 标记中作为包含语句来执行此操作。然后只需在每一页的顶部包含一个 php 文件。

php包含信息： http: //php.net/manual/en/function.include.php

然后从那里我打赌那里有一些你可以重用的代码。

例如，也许这可能会有所帮助？它是一个 php 脚本，可以调整页面的 css 样式，并且不会干扰其他部分。 http://www.phpclasses.org/package/1296-PHP-Resizes-text-on-a-page-using-styles-and-sessions-.html

于 2012-11-19T18:49:13.700 回答
0

我想不可能将它动态添加到 head 标签。当然，您可以这样做，但不会加载此样式表。也许您应该尝试通过 ajax 获取它并附加到您网站中的特殊脚本标记。如果用户将选择另一个选项，那么您将加载另一个内容，清除此脚本标签并在那里添加新内容。

于 2012-11-19T18:49:29.753 回答