jQueryUI - Redimensionner la boîte de Dialogue AJAX Charge

Im essayant d'écrire un petit plugin qui va charger le contenu AJAX en jQuery dialogue de l'INTERFACE utilisateur et de les redimensionner et de centre de la boîte de dialogue en conséquence. Voici l'essentiel de ce qu'il fait:

$(mySelector).html('Loading...').load(options.url, function() {

    element = $(mySelector);

    element.dialog('option', 'height', element.height() + 50);
    element.dialog('option', 'width', element.width());
    element.dialog('option', 'position', 'center');

});

La hauteur semble être OK (ajout de certains pour le remplissage de la boîte de dialogue add), mais la largeur est TOUJOURS 274 n'importe quoi. Je pense que le dialogue lui-même est le réglage de la limite de taille. Comment puis-je le mettre à ce que le naturel de la largeur du contenu chargé?

Edit/Ajout:
Il est de retour de la taille par défaut de la modale. Parce que même si il contient du contenu qui est plus large (par exemple, une 500px de l'image), le conteneur parent (mySelector) ne peut être que large (dans FF au moins), donc c'était toujours la valeur par défaut (300 - rembourrage = 274). Est-il possible de détecter automatiquement ce que la largeur du contenu renvoyé à un minimum sans défilement?)

OriginalL'auteur Ryan | 2011-01-14

  1. 9

    J'ai utilisé le même problème. Si je me souviens, vous devez d'abord charger la boîte de dialogue, puis charger le contenu. De cette façon, la boîte de dialogue redimensionner automatiquement à son contenu (avec largeur=auto).

    Plus ou moins comme ceci (testé):

    var $dialog; //Must be at the global scope
function dialog(url) {
    $dialog.dialog("option", "width", "auto");
    $dialog.dialog("option", "height", "auto");
    $.get(url,{},function(html) {
        $dialog.html(html);
        $dialog.dialog("open");
    });
}

$(function() {
    //Initialize (without showing it)
    var $dialog = $('<div id="dialog" title=""></div>').dialog({
        autoOpen: false,
        modal: true
    });
});

    Ensuite, vous pouvez faire ceci:

    dialog(someURL);
    Voulez-vous dire charger le contenu ensuite initialiser le dialogue? Parce que je suis de la création de la boîte de dialogue, puis charger le contenu actuellement. Ce serait formidable s'il y avait un redimensionnement automatique de la méthode de la boîte de dialogue, mais je ne peux pas trouver quelque chose comme ça.
    J'ai mis à jour et testé le code. Il suffit d'inclure JQuery-ui et de la boîte de dialogue de fichiers. Il fonctionne 🙂 l'avantage de le faire comme cela, c'est que vous pouvez changer l'URL (même lorsque la boîte de dialogue est ouverte) et il se redimensionnera automatiquement. Plus aucun code nécessaire.
    Merci, cela m'a mis dans la bonne voie... la clé a été l'appel open (encore une fois dans mon cas) sur le rappel lorsque vous faites votre $.obtenir. Ma solution est en fait va être un peu différent de la vôtre, car d'un couple d'autres exigences... je vais le poster ici quand c'est fait. Merci encore!
    Un plaisir de vous aider 😀

    OriginalL'auteur lepe

  2. 5

    Ils clé a été de nouveau ouverte après que le contenu a été chargé, puis re-centrer. Ce sera la cause de la boîte de dialogue à faire, c'est de la magie et de redimensionner tout correctement et re-centre de lui-même. Je vais poster un plugin ici une fois que j'ai faire nettoyer.

    OriginalL'auteur Ryan

  3. 1

    Un peu en retard, mais c'est ma solution de travail:

    $("#dialog" ).dialog({
        autoOpen: false,
        modal: true,
        width: 'auto',
        height: 'auto',

        create: function(){
                var content = '<h1>This is some Content</h1>';
                $('.content', this).replaceWith(content);

        buttons: {
            Ok: function(){
                    $(this).dialog("close");
            }
        }
    });

    L'astuce consiste à insérer la boîte de dialogue contenu dans la "création" de gestionnaire.

    OriginalL'auteur Andreas