Comment puis-je ajouter ID à une boîte de dialogue spécifique?
Je veux juste appliquer un style séparé pour chaque boîte de dialogue et essayer de le faire comme ceci: mais la boîte de dialogue créée à l'intérieur de la balise de corps sans id et je ne peux pas appliquer style pour cela.
4 Réponses :
Si votre objectif est juste d'utiliser cet identifiant dans la CSS, vous pouvez y parvenir avec une classe CSS à la place.
Le Option de dialogclass vous permet de spécifier une classe qui sera appliquée à la dialogue. Vous pouvez ensuite utiliser cette classe dans vos sélecteurs pour appliquer un style différent pour une boîte de dialogue spécifique.
J'essaie des cours et ça marche pour moi. Merci. Mais ID est meilleur à mon avis - il a une priorité plus élevée que le sélecteur de classe .. C'est pourquoi je cherche la possibilité d'ajouter une pièce d'identité.
Oui, mais étant donné que l'API ne fournit rien pour l'ID, vous devez utiliser une classe ou pirater. Si vous voulez absolument un identifiant, vous pouvez utiliser le piratage suivant (mais c'est un peu sale). Juste après avoir ouvert votre popup, vous pouvez supprimer la classe et ajouter l'identifiant. $ (". Votre classe"). Removeclass (". Votre classe"). attr ("id", "votre identifiant"). Cependant, je pense que la "saleté" cause en utilisant une classe où vous voulez une identité malade moins que ce hall horrible hack. Et vous pouvez toujours augmenter la priorité de votre règle avec répéter toute la règle avec votre classe.
Le problème dans votre code exemple est que vous ajoutez le ID au résultat de .Find ('. UI-dialogue-Titlebar'). Supprimer () au lieu de la boîte de dialogue elle-même. Ce qui suit devrait fonctionner pour vous.
Il y a plein d'options. Personnellement, j'inclurais le ID dans le HTML lui-même, dans votre cas sur le ordre_mini_site_form . Vous pouvez également utiliser une classe CSS selon l'option de dialogclass en tant qu'aucun intervenant mentionné. En tant que dernière option si vous n'avez qu'une seule boîte de dialogue sur la page, vous pouvez simplement utiliser l'interface utilisateur de la boîte de dialogue ui-ui met déjà sur la boîte de dialogue. Par exemple, ui-dialogue {couleur: jaune; } fera tout le texte sur la boîte de dialogue jaune.
Un peu en retard, mais c'est ainsi que cela pourrait être fait:
$('#placeholderId').dialog('widget').attr('id', 'dialogId');
Je trouve insensé que la boîte de dialogue JQuery n'a pas d'options pour ajouter une classe / ID au parent. Je veux dire, complètement fou. Également fou, les boîtes de dialogue de récits n'ont pas de conteneur (à l'exception du conteneur extérieur) pour le titre et le contenu div ...
Meilleure façon de faire cela.
Je suis en désaccord avec la réponse votée (pas une attaque personnelle juste en désaccord avec la partie "Sale Hack"). Il est vrai qu'il n'y a pas d'option d'identification pour la boîte de dialogue JQuery, mais si vous arrivez à la conclusion qu'un identifiant est nécessaire, le code suivant devrait suffire. Mon guide de tournée JS Je me développe a beaucoup besoin d'un tel identifiant.
// Ici, je déclare le contenu inséré de manière dynamique [E.Ve ce que je crée] Pour avoir un identifiant de Tempstep, celui-ci sera utilisé avec l'appel ci-dessous pour ajouter un ID à la boîte de dialogue JQuery
Code: code: jQuery (' '). dialogue ({
jQuery ('# tempstep'). Parent (). attr ("id", "dialogue");
0 commentaires