1

クラスがドロップ可能な要素に追加された後、ブートストラップ モーダルを開こうとして、この 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>

ブートストラップデモの例が示すように、ボタンを介してモーダルを起動すると、正常に動作します。何か案は？

4

1 に答える 1

0

問題は、gemfile を介して JQuery UI ライブラリを含めていなかったことです。一部のファイルは他の Javascript 内から含まれていましたが、アプリに GEM を含めていませんでした。

于 2012-08-14T13:18:12.633 に答える