jquery - 可拖动的 SimpleModal 弹出窗口

Question

对于 Jquery Eric Martin 的 SimpleModal 1.4.1 我希望弹出窗口可以拖动，所以我尝试了这个 $('#basic-modal-content').modal({ onShow: 函数(对话框){
dialog.container.draggable({ 句柄: 'div' }); } });

显示弹出窗口，但收到错误“对象不支持方法的属性”

我已将 jquery-ui-1.8.10 添加为脚本引用，并在 div 中添加了 class="ui-widget-content"。

想法？

<小时/>

编辑:删除句柄:'div'没有任何新功能，同样的错误，无法移动对话框

这两个不起作用，错误“对象不支持方法的属性”

 $('#basic-modal-content').modal({
        onShow: function(dialog) { $(dialog.container).draggable(); } 
    });


   $('#basic-modal-content').modal({
        onShow: function(dialog) { $(dialog.container).draggable({handle: 'div'}); } 
    });

console.log($(dialog.container));
Result :[object Object]

Answer 1

嗨，我确认我的评论:)，使用这个:

jQuery(function ($) {
    // Load dialog on page load
    //$('#basic-modal-content').modal();

    // Load dialog on click
    $('#basic-modal .basic').click(function (e) {
        $('#basic-modal-content').modal({
            onShow: function(dialog) {
                console.log($(dialog));

                $(dialog.container).draggable();
            }
        });

        return false;
    });
});

您必须指向一个 DOM 元素!

编辑:我已经添加了我使用的入口代码。