jQuery: добавить кнопку закрытия пользовательского интерфейса в изменяемый размер / перетаскивание? - PullRequest
Новая
       10

jQuery: добавить кнопку закрытия пользовательского интерфейса в изменяемый размер / перетаскивание?

0 голосов
/ 14 октября 2010

Как добавить кнопку закрытия в перетаскиваемый / изменяемый размер div?

Я понимаю, что, по сути, я описываю диалог, но я должен иметь возможность воспользоваться некоторыми свойствами изменяемого размера / перетаскивания (например, содержания), которые не являются частью диалога.

Есть идеи?

Ответы [ 2 ]

0 голосов
/ 16 октября 2010

Лучшее решение, переопределить опцию локализации в ядре пользовательского интерфейса: 

_makeDraggable: function() {
    var self = this,
        options = this.options,
        heightBeforeDrag;

    this.uiDialog.draggable({
        cancel: '.ui-dialog-content',
        handle: '.ui-dialog-titlebar',
        containment: 'document', //override this HARD CODED option
        start: function() {
            heightBeforeDrag = options.height;
            $(this).height($(this).height()).addClass("ui-dialog-dragging");
            (options.dragStart && options.dragStart.apply(self.element[0], arguments));
        },
        drag: function() {
            (options.drag && options.drag.apply(self.element[0], arguments));
        },
        stop: function() {
            $(this).removeClass("ui-dialog-dragging").height(heightBeforeDrag);
            (options.dragStop && options.dragStop.apply(self.element[0], arguments));
            $.ui.dialog.overlay.resize();
        }
    });

Я не могу поверить, что разработчики жестко закодировали это вместо предоставления опции локализации.Это абсолютно умственно отсталый.

0 голосов
/ 14 октября 2010

Я думаю, у меня может быть решение: создайте диалог внутри iframe на своей странице.диалог будет содержаться внутри iframe, а iframe содержится внутри div ... и, да, диалог имеет "сдерживание".

...