Question

我有这个javascript，尝试在将类附加到droppable元素后打开引导模式。但是可拖动的项目只是在droppable上冻结而不是启动模态。

$( ".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 for modal：

    <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>

当我通过按钮启动模态时，正如bootstrap演示中的示例所示，它工作正常。有什么想法吗？

Answer 1

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

在drop事件上启动bootstrap模式

1 个答案: