0

私はjQueryで以下をターゲットにしようとしています:

<link rel="stylesheet" href="css/test.css">

私が理解できないのは、デフォルトのパス(cssフォルダー)を設定する方法ですか?

<button data-button="test">Just a Test</button>


<script>
var button = $('button'),
    link = $('link'),
    stylesheet = $(this).data('button');

    button.on('click', function() {
        console.log(this);
        link.attr('href', stylesheet + '.css');
});
</script>

今のところ、これはcssがルートにある場合にのみボタンクリックでcssを変更します...では、CSSのデフォルトパスが「css/」にあることを彼に伝えるにはどうすればよいですか。

成功せずに見つけようとしています。

PS 1つの質問はJSに関連していましたが、タイトルには関連していませんでした。

より適切で正しいもの:

var $something = $('#something');
or
var something = $('#something');
4

3 に答える 3

5

これと同じくらい簡単

link.attr('href', 'css/' + stylesheet + '.css');
于 2012-11-26T14:30:18.473 に答える
4

スタイルシートを切り替える場合は、代わりに別のスタイルシートを使用する必要があります。

<link rel="alternate stylesheet" href="css/test1.css">
<link rel="alternate stylesheet" href="css/test2.css" disabled>

jQueryでは、プロパティを削除/追加してdisabledスタイルシートを切り替えることができます。

var links = $("link[rel='alternate stylesheet']");
var button = $("button");

button.on('click', function() {
    links.filter(":disabled").prop("disabled", false).siblings().prop("disabled", true);
});
于 2012-11-26T14:31:15.767 に答える
3

css/コード自体でパスについて簡単に説明してみませんか

link.attr('href', 'css/'+stylesheet + '.css');

他の質問に答えるには、

var $somethingvar somethingは両方とも有効な変数名です。あなたの選択。

于 2012-11-26T14:30:06.280 に答える