Twitter Bootstrap: dropdown

by LostInDaJungle

HTML

<link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css">
<link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css">
<script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap.js"></script>
<div class="btn-group"> <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i>test</a>
 <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>

    <ul class="dropdown-menu">
        <li><a href="#"><i class="icon-pencil"></i> Edit</a>
        </li>
        <li><a href="#"><i class="icon-trash"></i> Delete</a>
        </li>
        <li><a href="#"><i class="icon-ban-circle"></i> Ban</a>
        </li>
        <li class="divider"></li>
        <li><a href="#"><i class="i"></i> Make admin</a>
        </li>
    </ul>
</div>

JavaScript

$(".dropdown-toggle").on('keydown', function(){
	$(".dropdown-menu a").css("pointer-events", "none")
})

$(".dropdown-menu").on('mousemove', function(){
	$(".dropdown-menu a").css("pointer-events", "auto")
})