0

我在试图弄清楚如何将“查看完整网站”链接添加到网站的移动版本时遇到问题。移动版是网站的受限版本，我希望用户可以选择点击链接并查看完整的网站。这是我能想到的最好的折衷方案，因为该网站很旧，我无法重建它以提高响应能力。移动样式表包含基于设备宽度的媒体查询中的所有移动样式。

所以，我知道我可以使用以下内容删除样式表：

$('link[rel=stylesheet]').remove();

但是我如何指定一个特定的样式表呢？我可以在移动样式表中添加一个 ID 并将其作为目标吗？我将如何从链接触发它？

移动样式表是：

<link rel="stylesheet" media="screen" type="text/css" href="/scripts/small_devices.css" />

另外，关于通过 cookie 保存此状态的任何提示？出于某种原因，我对此完全感到困惑。

任何提示表示赞赏！

谢谢。

4

1 回答 1

0

好的 - 我想我已经想通了：

我向移动样式添加了一个 ID，如下所示：

<link rel="stylesheet" media="screen" type="text/css" id="mobileSheet" href="small_devices.css" />

然后添加休闲脚本和html：

$(document).ready(function () {
$("#removeStyle").click(function () {                           
    jQuery('#mobileSheet').remove();
    });
});

<p id="removeStyle">View Full Site</p>

这似乎工作正常。我仍然不确定如何删除 cookie 以保留此状态 - 但至少这是我问题第一部分的答案。

于 2012-09-24T14:51:41.837 回答