Resizable Modal Popup

Ich versuche, ein modal-Fenster Vergrößerbar, indem Sie erhöhen und verringern Sie die Symbole. Der modal sollten auch so positioniert werden in der Mitte des Bildschirms nach jeder increase/decrease klicken.

Bisher nur erhöhen, arbeitet. Kann jemand Licht auf, was ich falsch mache?

this.increaseModal = function () {
        var maxHeight = ($(window).height() * 90) / 100;
        var maxWidth = ($(window).width() * 90) / 100;
        var height = ($(window).height() * 10) / 100;
        var width = ($(window).width() * 10) / 100;
        if ($('.modal-content').height() <= maxHeight - 100) {
            $('.modal-content').height($('.modal-content').height() + height);
            increaseHeightCount = increaseHeightCount + 1;
        }
        if ($('.modal-content').width() <= maxWidth - 100) {
            $('.modal-content').width($('.modal-content').width() + width);
            increaseWidthCount = increaseWidthCount + 1;
        }
        $('.modal-dialog').draggable();
        $('#myModal').addClass('outPopUp');
    }

this.decreaseModal = function () {
    var maxHeight = ($(window).height() * 90) / 100;
    var maxWidth = ($(window).width() * 90) / 100;
    var height = ($(window).height() * 10) / 100;
    var width = ($(window).width() * 10) / 100;
    if (increaseWidthCount > 0) {
        $('.modal-content').width($('.modal-content').width() - width);
        increaseWidthCount = increaseWidthCount - 1;
    }
    if (increaseHeightCount > 0) {
        $('.popup').height($('.popup').height() - height);
        increaseHeightCount = increaseHeightCount - 1;
    }
}

outPopUp ist die Klasse, wo ich überschreiben bootstrap-css-Datei für die änderung der modal-Fenster position.

Soweit ich sehen kann, in der DOM-explorer .popup ist nicht zugeordnet das element und daher erhöhen/verringern Sie die Höhe nicht funktioniert.

hi, ist die Steigerung arbeiten? denn an der Spitze, Sie haben gesagt, funktioniert, aber an der Unterseite, die Sie gesagt haben, nicht funktioniert. Können Sie auch zeigen Sie Ihre html für das popup? danke!
Weiter zu dem, was @dsg schrieb, erstellen Sie bitte eine Geige oder (noch besser) fügen Sie ein snippet zu deiner Frage, also wir konnten das problem sehen. Siehe stellen
Klick auf das vergrößern-Symbol, modal Breite zunimmt.. nicht Höhe. abnehmen funktioniert nicht bei allen und die Positionierung nicht ändern, um in der Mitte des Bildschirms.
hier ist die Geige, die ich gerade erstellt jsfiddle.net/569n1mh4
Ist es nur mich oder das modale kann nicht ziehbar oder Vergrößerbar?

InformationsquelleAutor dsg | 2015-12-22

Schreibe einen Kommentar