非按钮元素上的Bootstrap data-toggle =“button”

时间:2013-08-04 19:06:58

标签: javascript css twitter-bootstrap

简单(也可能很简单)我的代码如下

<div class="btn-group mod-group">
    <button type="button" class="btn btn-default">Moderálás</button>
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        <li data-toggle="button" class="publicBtn<?php echo ($s['public'] ? ' active' : '');?>"><a><i class="icon-eye-open"></i> Publikus</a></li>
    </ul>
</div>

我的问题是我如何使用data-toggle="button"作为一个按钮使用data-toggle="button"来制作li,那么我怎样才能让bootstrap删除并在点击时将活动类添加到该li?

另外问题是如何在js中执行此操作,因为使用bootstrap api完成此操作会更好。

1 个答案:

答案 0 :(得分:1)

您只需要将role分配给<li>元素,然后分配data-toggle

DEMO http://jsfiddle.net/kevinPHPkevin/6KffS/108/

<ul>
    <li role="button" class="btn" data-toggle="button">Button1</li>
</ul>