[英]Make ngDialog draggable AngularJs jQueryUI
I am wanting to make ngDialog draggable, using jQueryUI, or just Angular (preferred).我想让 ngDialog 可拖动,使用 jQueryUI,或者只是 Angular(首选)。
Here is an example of the modal becoming draggable using jQueryUI: JSFiddle (Modal)以下是使用 jQueryUI 将模态变为可拖动的示例: JSFiddle (Modal)
$(".modal").draggable({
handle: ".modal-header"
});
I tried to replicate it with ngDialog, but was not able to do so.. JSFiddle (ngDialog)我试图用 ngDialog 复制它,但无法这样做.. JSFiddle (ngDialog)
$(".ngdialog ").draggable({
handle: ".ngdialog-content"
});
// $(".ngdialog ").draggable();
Here is demo of a div being draggable using a directive: JSFiddle (Directive) , taken from this SO Question .这是使用指令可拖动的 div 的演示: JSFiddle (Directive) ,取自这个SO Question 。
app.directive('dragMe', function() {
return {
restrict: 'A',
link: function(scope, elem, attr, ctrl) {
elem.draggable();
}
};
});
put inside controller initialization:放入控制器初始化:
$scope.$on('ngDialog.opened', function (e, $dialog) {
$(".ngdialog").draggable({
handle: ".ngdialog-content"
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.