如何创建像gmail选择选项的弹出消息在jquery中使用qtip？

Question

在Gmail中选择选项

当我们点击箭头时，它会显示一条弹出消息，如all，none，read。 如何使用jquery中的qtip创建这样的弹出消息。

Answer 1

以下是如何使用bootstrap

完成的

＆＃13;

＆＃13;

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">Tutorials
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">HTML</a>
    </li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">CSS</a>
    </li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">JavaScript</a>
    </li>
    <li role="presentation" class="divider"></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">About Us</a>
    </li>
  </ul>
</div>

＆＃13;

＆＃13;

＆＃13;