-3

我有这个 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,但它没有按我的意愿工作。这是它的代码:

http://jsfiddle.net/MzJaH/

4

4 回答 4

4

您的代码很好,记得在 jsFiddle 中将 jQuery 添加到项目中。在左侧,从库列表中选择 jQuery!

于 2013-04-22T19:28:29.993 回答
2

你没有在你的小提琴中包含 jQuery。我从左侧边栏顶部的菜单中添加了 jQuery。http://jsfiddle.net/MzJaH/11/

jQuery:

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

我也将.bind点击更改为.click.

于 2013-04-22T19:28:26.863 回答
0

更好地使用.click你忘记了 jQuery!这里是。 http://jsfiddle.net/MzJaH/13/

于 2013-04-22T19:40:12.580 回答
0

你应该先参考 jQuery js

于 2013-04-22T19:30:49.020 回答