对于 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]
最佳答案
嗨,我确认我的评论:),使用这个:
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 元素!
编辑:我已经添加了我使用的入口代码。
关于jquery - 可拖动的 SimpleModal 弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5200048/