easyUI的linkbutton点击之后改变图标

Question

easyUI中定义的linkbutton按钮如何在点击之后改变图标，再次点击之后又恢复之前的样式

Answer 1

添加click事件添加或者删除样式就好了

 <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',toggle:true" id="btn_test">Add</a>
<script>
    $(function () {
        $("#btn_test").click(function () {
            var sp = $('span:last', this), add = sp.hasClass('icon-add');
            sp[add ? 'removeClass' : 'addClass']('icon-add')[add ? 'addClass' : 'removeClass']('icon-remove');
        });
    })
</script>