jquery插件之：WebUI Popover使用

<link rel="stylesheet" href="vendor/webui-popover/jquery.webui-popover.min.css">
<script src="public/vendor/jquery/jquery.min.js"></script>
<script src="vendor/webui-popover/query.webui-popover.min.js"></script>

<a href="#" class="show-pop-list btn btn-default " data-placement="vertical"><span class="prefix">pop with </span>list</a>

<div  class="webui-popover-content">
   <ul class="dropdown-menu" >
            <li><a href="#">Action</a></li>
            <li><a href="#">Another Option</a></li>
            <li><a href="#">Something else</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
    </ul>
</div>

$(function(){
    $('a').webuiPopover({trigger:'hover'});
})