Comment puis-je obtenir un jquery dialogue de l'interface utilisateur de l'objet?

Dire que j'ai une boîte de dialogue ouvrir qui n'a pas de "id" comment puis-je trouver la boîte de dialogue et obtenir la boîte de dialogue de l'objet afin que je puisse faire .la boîte de dialogue ("fermer") sur elle?

Exemple

//say if this was my dialog
<div> 
   <input type="button" id="btn" />
</div>

$("#btn").parents("div").dialog('close');

Cela ne fonctionne pas bien donc j'ai besoin d'obtenir l'objet réel.

InformationsquelleAutor chobo2 | 2011-04-21

3

C'est la raison pour laquelle vous devriez avoir un id sur ces divs. Considérez les options suivantes:
1. Envisager d'ajouter l'id de la balise. C'est facile à faire et à entretenir.
2. Sinon, lorsque vous obtenez la div(s) à l'origine, avant d'effectuer un .dialog(), leur donner de la dynamique id: el.attr('id', 'dialogBox').
3. Si vous ne voulez pas leur donner des id (pour une raison étrange), vous avez encore à un certain point dans le temps dans votre code js, afin de sauvegarder les références à ces objets. Plus tard, reportez-vous à la référence et vous pouvez appeler .dialog('close'). Que va également effectuer la mise en cache pour vous, donc vous n'avez pas besoin de rechercher dans l'arborescence DOM nouveau.
4. Comme un dernier recours, si vous ne voulez pas le faire ci-dessus, reportez-vous ensuite à eux de la même manière que vous avez fait à l'origine (ce n'est pas toujours une bonne idée, surtout si le DOM changements).
Bien que juste pour la référence, votre exemple (qui emploie la dernière option) fonctionne: http://jsfiddle.net/vbcMW/
- Je suis à l'aide de l'option 3, mais pour ce cas, je perds l'objet(bien que je ne pas le perdre mais je ne veux pas le mettre dans une variable globale pour stocker).
- Je n'ai pas mentionné le mot "global". Il existe des moyens pour stocker des objets autres que des variables globales, par exemple jQuery .data() méthodes, ou encore mieux closured variables locales.
- Je sais que vous n'avez pas mentionné globals. Je suis en train de dire mon cas pour celui-ci je n'aurais probablement besoin de l'utiliser(il y a sans doute de meilleurs moyens mais je ne connais pas). Je peux regarder dans cette .de données() vous ne savez pas ce que c'est. Habituellement, je viens de passer la boîte de dialogue de l'objet autour de lui, mais comme je l'ai dit dans ce cas je ne pouvais pas le faire.
InformationsquelleAutor davin
4

Je crois trouver le plus proche div avec classe ui-dialog-content devrait fonctionner:
```
$("#btn").click(function() {
    $(this).parents("div.ui-dialog-content").dialog("close");
});
```
(.ui-dialog-content est appliqué à l'origine div, qui est ensuite enveloppé dans un peu d'autres divs)

Voici un exemple de travail: http://jsfiddle.net/HPkvZ/
- Remarque: Si deux boîtes de dialogue sont imbriqués avec cela, chacun d'eux aura fermé. Ajouter :first à seulement fermer la zone de dialogue: $(this).parents("div.ui-dialog-content:first").dialog("close");
- Ou vous pourriez utiliser closest, si je comprends bien le problème correctement.
- et ici, j'ai essayé $(this).parents('.ui-dialog').dialog('close'); - si proche!
InformationsquelleAutor Andrew Whitaker
3

Viens de trouver le plus proche parent de la actuellement élément actif qui est un dialogue:
```
var dialog = $(document.activeElement).closest("div.ui-dialog-content");
```
Ceci est utile si vous avez beaucoup de dialogues tous empilés etc. Notez que z-index n'est plus utilisé par jquery-ui.
- Comment définir l'événement resize pour ce dialogue, var?
InformationsquelleAutor matt burns
1

Pour trouver et fermez tous les jQueryUI dialogues:

$(":ui-dialog").la boîte de dialogue("fermer");

InformationsquelleAutor PapillonUK

Juste de sauver la référence que jQuery est de retour de l' .dialog invocation:

var magic = $('<div>').html("Ta-da!").dialog();

Vous pouvez alors utiliser cette référence plus tard à ouvrir la fenêtre contextuelle:

$(magic).dialog('open');

ou à le supprimer entièrement (avec ses généré .parent wrapper):

$(magic).parent().remove();

Vous pouvez même l'avoir supprimer lui-même quand il est fermé, en créant avec le close option (ou ajouter plus tard):

close: function(ev, ui) { $(this).remove(); }

JS:

var magic = null;

function createMagic() {
  magic = $('<div>').html("Ta-da!").dialog({
            modal: true,
            title: 'Not from the DOM',
            buttons:[{
                click: function () { $(this).dialog("close"); },
                text: 'Close Me'
              }],
            show: false,
            //close: function(ev, ui) { $(this).remove(); }
        });
  updateMagicStatus();
}

function showMagic() {
  $(magic).dialog('open');
  updateMagicStatus();
}

function killMagic() {
  $(magic).parent().remove();
  updateMagicStatus();
}

function updateMagicStatus() {
  $('#MagicStatus').text(magic);
  $('#MagicPopStatus').text($('div.ui-dialog').length);
}

$(document).ready(updateMagicStatus);

HTML:

<link href="https://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>

<div style='cursor:pointer'>
<a onclick="createMagic();">Make a Magic Modal</a>
<br/><br/>
<a onclick="showMagic();">Show the Magic Modal</a>
<br/><br/>
<a onclick="killMagic();">Kill the Magic Modal</a>
</div>

<br/>
Magic object is currently: <label id="MagicStatus" style='color:red'></label>
<br/>
jQUery UI popup wrappers: <label id="MagicPopStatus" style='color:red'></label>

InformationsquelleAutor brichins

0

pourquoi ne pas utiliser les boutons d'option? vous permettant de près via $(this).la boîte de dialogue ("fermer");

http://jsfiddle.net/dwick/DqLct/2/

aussi, est-il une raison de ne pas donner les div id? vous avez de référence en quelque sorte à créer la boîte de dialogue de toute façon.

InformationsquelleAutor David Wick

Vous devez vous connecter pour publier un commentaire.