2011-05-09 3 views
1

Par défaut, jQueryUI Dialog ajoutera automatiquement un élément widget et un élément de recouvrement widget (si vous utilisez modal:true) dans la balise <body>.Déplacer jQueryUI Dialog élément de widget dans un autre élément

Ma question est: pouvons-nous définir jQueryUI boîte de dialogue pour ajouter son élément de widget et le widget de superposition dans un autre élément au lieu de la balise <body>?

Répondre

1

Il n'y a pas une option intégrée pour le faire, mais je l'ai eu du succès en mouvement autour des éléments lorsque la boîte de dialogue est ouvert:

$("#dialog").dialog({ 
    modal: true, 
    open: function() { 
     $(this).dialog("widget").appendTo("#content"); 
     $(".ui-widget-overlay").appendTo("#content"); 
    } 
}); 

Voici un exemple de travail: http://jsfiddle.net/peMGg/

+0

whoa !! ça fonctionne !! –

+0

@DXX: Pas de problème, heureux d'aider! –

0

Oui, mais vous devez modifier le fichier jqueryUI.js pour modifier l'élément auquel ajouter.

Ou vous pouvez modifier votre fonction document.ready pour déplacer les widgets

Questions connexes