1

サイトをボックス化からワイド、ワイドからボックス化するスタイル セレクターを作成しました。すべてのブラウザで動作しますが、Chrome では動作しません。選択ボックスからオプションをクリックしても何も起こりません。

これは HTML の一部です:

    <link rel="stylesheet" type="text/css" href="css/boxed.css" id="layout">

   <select>
        <option class="boxed">Boxed</option>
        <option class="wide">Wide</option>
    </select>

JavaScript:

    // Layout Changer
    $(".wide" ).click(function(){
        $("#layout" ).attr("href", "css/wide.css" );
        return false;
    });

    $(".boxed" ).click(function(){
        $("#layout" ).attr("href", "css/boxed.css" );
        return false;
    });

乾杯!

4

1 に答える 1

0

あなたの問題はidタグではありません。clickハンドラーです。これを試して:

JavaScript:

$(function() { 
    $("#style_switcher").on('change', function() {
        $('#layout').attr('href', $(this).val() + '.css');
    });
});

HTML:

<link id="layout" rel="stylesheet" type="text/css" href="wide.css">

<select id="style_switcher">
    <option value="wide">Wide</option>
    <option value="boxed">Boxed</option>
</select>

このプラグインをチェックして、自分で簡単にすることもできます: http://www.kelvinluck.com/assets/jquery/styleswitch/toggle.html

于 2012-08-19T01:11:34.213 に答える