javascript - 在放置事件时启动引导模式

Question

我有这个 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});
            }
        });

模态的html：

    <div class="modal hide fade" id="myModal">
          <div class="modal-body">
            <p>One fine body…&lt;/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>

当我通过按钮启动模式时，如引导演示中的示例所示，它工作正常。有任何想法吗？

Answer 1

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