Automatique de la taille de jQuery dialogue de l'INTERFACE utilisateur dans Internet Explorer

Comment puis-je autosize jQuery UI dialogue dans Internet Explorer?

Ce code est OK sous Firefox, mais pas dans Internet Explorer.

$('#dialog2').dialog({
    autoResize: true,
    show: "clip",
    hide: "clip",
    height: 'auto',
    width: 'auto',
    autoOpen: false,
    modal: true,
    position: 'center',
    draggable: true,

    open: function (type, data) {
        $(this).parent().appendTo("form");

    },
    buttons: { "close": function () { $(this).dialog("close"); document.getElementById("<%=btnnew.ClientID%>").click(); } }
});

Mon élément HTML est un DIV.

  • Quelle est la version de jQuery et jQuery UI utilisez-vous?
  • jquery ui 1.8.5 JQuery 1.4.2
InformationsquelleAutor Shahin | 2010-11-24
  1. 5

    Je vais avoir du succès avec width: 'auto' dimensionnement jQuery dialogue de l'INTERFACE utilisateur à l'aide de la suite de "patch" (pour IE) :

    (function($) {
var fixDialogAutoWidth = $.noop;
if ( $.browser.msie ) {
    fixDialogAutoWidth = function(content) {
        var dialog = $(content).parent('.ui-dialog');
        var width = dialog.innerWidth();
        if ( width ) dialog.css('width', width);
    }
}

var _init = $.ui.dialog.prototype._init;
$.ui.dialog.prototype._init = function() {
    //IE magick: (width: 'auto' not working correctly) :
    //http://dev.jqueryui.com/ticket/4437
    if ( this.options.width == 'auto' ) {
        var open = this.options.open;
        this.options.open = function() {
            fixDialogAutoWidth(this);
            if ( open ) open.apply(this);
        }
    }
    //yet another bug options.hide: 'drop' does not work
    //in IE http://dev.jqueryui.com/ticket/5615
    if ( $.browser.msie && this.options.hide == 'drop' ) {
        this.options.hide = 'fold';
    }
    return _init.apply(this); //calls open() if autoOpen
};
})(jQuery);

    Il suffit de charger ce code après jquery-ui.js a chargé ...

    Note que, selon le billet http://dev.jqueryui.com/ticket/4437 nous ne devrions pas employer largeur: 'auto', mais je ne pouvais pas vivre sans elle ... 🙂

    • j'ai essayé. j'ai ajouté ce code après jQuery-ui.js mais il ne fonctionne pas encore :(. IE8
    • je suis désolé, ça n'a pas de travail pour les u - je voudrais commencer par l'exploitation et la vérification de la valeur de dialog.innerWidth() dans fixDialogAutoWidth ...
    InformationsquelleAutor kares
  2. 0

    Veuillez d'abord ajouter un , à la fin de la ligne suivante 

    buttons: { "close": function () { $(this).dialog("close"); document.getElementById("<%=btnnew.ClientID%>").click(); } }

    IE s'attend à ce que toutes les options fermé par ,

    Voyons si cela fait l'affaire (c'est probablement bon de demander quelle version de IE est-ce la faute?) sur

    • j'utilise IE 8
    • les résultats basés sur ma recommandation ci-dessus?
    • oui JQuery Dialogue ne fonctionne pas correctement
    InformationsquelleAutor Salman Paracha