jQuery拖放

我想用 this 用于拖放和排序列表的插件。我的HTML代码如下。

 <ul class="list-group">
       <li class="list-group-item list-group-item-info">Cras justo odio</li>
       <li class="list-group-item list-group-item-info">Dapibus ac facilisis in</li>
       <li class="list-group-item list-group-item-info">Morbi leo risus</li>
       <li class="list-group-item list-group-item-info">Porta ac consectetur ac</li>
       <li class="list-group-item list-group-item-info">Vestibulum at eros</li>
 </ul>

   <script>
            $(function () {
                $(".list-group").sortable();
            });
   </script>

这是我的 head 章节如下

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script src="jquery.sortable.js"></script>
    <script>
        $(function () {
            $(".list-group").sortable();
        });
    </script>

经常拖&滴滴是有效的,往往不是。为什么会这样?