0

モバイル版のサイトに「サイト全体を表示」リンクを追加する方法を見つけようとして問題が発生しました。モバイル版はサイトの限定版であり、リンクをクリックしてサイト全体を表示するオプションをユーザーに提供してほしい。これは、サイトが古く、応答性のために再構築できないため、私が思いつくことができる最善の妥協案です。モバイルスタイルシートには、デバイスの幅に基づいたメディアクエリでラップされたすべてのモバイルスタイルが含まれています。

だから、私は次のようなスタイルシートを削除できることを知っています：

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

しかし、特定のスタイルシートを指定するにはどうすればよいですか？モバイルスタイルシートにIDを追加して、それをターゲットにできますか？リンクからこれをトリガーするにはどうすればよいですか？

モバイルスタイルシートは次のとおりです。

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

また、Cookieを介してこの状態を維持するためのヒントはありますか？どういうわけか、私はこれに完全に困惑しています。

ヒントをいただければ幸いです。

ありがとう。

4

1 に答える 1

0

OK-私はこれを理解したと思います：

次のようにモバイルスタイルに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 に答える