按钮元素单击事件到toggleClass不起作用

Question

我有一个开/关按钮,这里有特色

我有所有元素,我希望.on按下时按钮类启动.

无论我尝试什么,它都无法工作.

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

• 的jsfiddle
• 我的页面

我在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>