Javascript 在丢弃事件时启动引导模式

我有一个javascript，试图在类被附加到可拖放元素之后打开一个引导模式。但可拖动项只是冻结在可拖放项上，而不是启动模式

$( ".draggable" ).draggable({revert: true, opacity: 0.75}); // DRag and drop function
        $( ".droppable" ).droppable({
            drop: function( event, ui ) {

                $( this )
                    .addClass( "ui-state-highlight" )
                    .append("<div class='node well'><a href='#'>linka</a></div>");
        $('#myModal').modal({keyboard: false});
            }
        });

$（“.draggable”）.draggable（{revert:true，opacity:0.75}）；//拖放功能
$（“.droppable”）.droppable({
drop：函数（事件、用户界面）{
$（本）
.addClass（“ui状态突出显示”）
.附加（“”）；
$（'#myModal'）.modal（{keyboard:false}）；
}
});

模态的html：

    <div class="modal hide fade" id="myModal">
          <div class="modal-body">
            <p>One fine body…</p>
          </div>
          <div class="modal-footer">
            <a href="#" class="btn" data-dismiss="modal">Close</a>
            <a href="#" class="btn btn-primary">Save changes</a>
          </div>
    </div>

一个好身体

---

当我通过一个按钮启动模态时，正如引导演示中的示例所示，它工作得很好。有什么想法吗？

问题是我没有通过gemfile包含JQuery UI库，有些文件是从其他Javascript中包含的，但我没有在我的应用程序中包含GEM。

你的代码对我来说很好，在你清理完这些文件之后“您如何加载js？看看我的演示，您的代码运行良好：通过Rails资产管道。检查页面的源代码，查看是否所有内容都按顺序加载。Jquery first>bootstrap.js+jqueryui第二和第三。它先加载Jquery jqueryui，然后加载bootstrap。如何控制加载顺序？