javascript - toggleClass 的按钮元素单击事件不起作用

Question

我有一个开/关按钮 here

我已准备好所有元素，我希望按钮类 .on 在按下时启动。

只是无论我怎么尝试，它都不起作用。

我在 jsFiddle 中添加了确切的代码，它在那里工作，但在我的页面上不工作。

• > jsFiddle
• > My page

我在 jquery 中添加 HTML:

'<section>'+
        '<button id="button" href="#">&#xF011;</button>'+
    '<span>'+
    '</span>'+
'</section>'+

我猜这是 CSS 元素之间的冲突，但我无法确定问题所在。

有什么想法吗？

Answer 1

试试这个

<script type="text/javascript">
    $(document).ready(function(){
        $('#button').on('click', function(){
            $(this).toggleClass('on');
        });
    })
</script>