jquery - Jqueryが思い通りに動かない

Question

私はこのHTMLコードを持っています:

<div id="switcher" >
<h3>Style Switcher</h3>
<button id="switcher-large">
Large Print
</button>
    <br/> <br/>text
</div>

そして、このjqueryコード

$(document).ready(function() {
$('#switcher-large').bind('click', function() {
$('#switcher').addClass('large');
});
});

そして、私はこのCSSスタイルを持っています

.large  {
font-size: 2.5em;
}**strong text**

ボタンをクリックしたときに div 内のテキストを 2.5em にしたいのですが、思い通りに動作しません。ここにコードがあります：

score 4 · Accepted Answer

コードは問題ありません。jsFiddle のプロジェクトに jQuery を追加することを忘れないでください。左側で、ライブラリのリストから jQuery を選択します。

score 2 · Accepted Answer

フィドルにjQueryを含めていませんでした。左側のサイドバーの上部にあるメニューから jQuery を追加しました。http://jsfiddle.net/MzJaH/11/

jQuery:

$(document).ready(function() {
    $('#switcher-large').click(function() {
        $('#switcher').addClass('large');
    });
});

.bindまた、クリックをに変更しました.click。

score 0 · Accepted Answer

0

最初にjQuery jsを参照する必要があります

于 2013-04-22T19:30:49.020 に答える

score 0 · Accepted Answer

より良い使用法.clickjQuery を忘れていました。ここにあります。 http://jsfiddle.net/MzJaH/13/

4 に答える 4