引导3导航中li项的jQuery UI可排序

我有一个简单的Bootstrap 3导航栏，具有以下HTML：

<nav class="navbar navbar-default" role="navigation">
  <div class="navbar-header">
    <a class="navbar-brand" href="#">Brand</a>
  </div>
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Page 1</a></li>
      <li><a href="#">Page 2</a></li>
      <li><a href="#">Page 3</a></li>
      <li><a href="#">Page 4</a></li>
    </ul>
  </div>
</nav>

我可以拖动页面，但我不能将它们放在其他地方（如在中）

我如何纠正这种行为

---

请参见以下内容：.

仅使用类名

.name

而不是元素名作为选择器

$(".nav").sortable();

---

哇，我的错。。。非常感谢。没关系，它发生了！很高兴这有帮助

$(".nav").sortable();