Boostrap下拉链接无法在移动设备上运行

Question

当我点击移动设备中的链接时，它无法正常工作。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
    <span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a href="https://www.facebook.com">Link 1</a></li>
      <li><a href="https://www.facebook.com">Link 2</a></li>
      <li><a href="https://www.facebook.com">Link 3</a></li>
    </ul>
  </div>