Question

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

所以，我知道我可以删除类似的样式表：

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

但是如何指定特定的样式表呢？我可以在移动样式表中添加ID并定位吗？我如何从链接触发这个？

移动样式表是：

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

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

任何提示赞赏！

感谢。

Answer 1

好的 - 我想我已经弄明白了：

我在移动设备中添加了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以保持这种状态 - 但至少这是我问题第一部分的答案。

jQuery删除移动样式表onclick并通过cookie保存状态？

1 个答案: