点击时切换按钮背景颜色

时间:2015-06-17 02:27:37

标签: javascript jquery html css

有人可以帮助我http://jsfiddle.net/ukkj7dth/5/

它可以完美地切换按钮,但我不知道为什么它会在jsfiddle上工作而不能在我的页面中工作。我需要一些js文件吗?

<div class="button">button 1</div>
<div class="button">button 2</div>
<div class="button">button 3</div>
<div class="button">button 4</div>
<div class="button">button 5</div>
<div class="button">button 6</div>

1 个答案:

答案 0 :(得分:0)

你想像DOM ready那样触发代码:

$(function() { //<<<<----
    $('.button').on('click', function() {
        $(this).toggleClass('myClass').siblings().removeClass('myClass');
    });
}); //<<<<----

它适用于jsfiddle,因为您在window load上触发了代码...请参阅下拉列表中的onLoad。如果你将jsfiddle设置为no wrap in <head>它将停止工作 - 这将与您在应用程序中的内容接近。

Does Not Work

Works