小编ch3*_*h3t的帖子

onclick事件仅适用于按钮,不适用于按钮使用的glyphicon

我使用bootstrap创建带有glyphicons的圆形按钮,我想改变按钮的颜色,包括glyphicon颜色.但是当我点击glyphicon时,onlclick事件仅适用于glyphicon,而不适用于按钮. http://embed.plnkr.co/E1dUnkW1tmOCWqYkRaG5/

function setColor(e) {
    var target = e.target,
        status = e.target.classList.contains('btn-success');

    e.target.classList.add(status ? 'btn-default' : 'btn-success');
    e.target.classList.remove(status ? 'btn-success' : 'btn-default');
}
Run Code Online (Sandbox Code Playgroud)

我的引导按钮

<button onclick="setColor(event)" type="button" class="btn btn-circle btn-lg"><span class="glyphicon glyphicon-search" style="margin: 0 0px;"></span></button>
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery twitter-bootstrap

2
推荐指数
2
解决办法
5985
查看次数

标签 统计

css ×1

html ×1

javascript ×1

jquery ×1

twitter-bootstrap ×1