Table des matières
Boîte de dialogue de l'interface utilisateur jQuery
Grammaire
Paramètres
Étapes à suivre
Exemple
Supprimer le bouton de fermeture de la boîte de dialogue de l'interface utilisateur jQuery
Conclusion
Maison interface Web tutoriel CSS Comment éliminer le bouton de fermeture dans une boîte de dialogue jQuery UI à l'aide de CSS ?

Comment éliminer le bouton de fermeture dans une boîte de dialogue jQuery UI à l'aide de CSS ?

Sep 17, 2023 am 10:01 AM

如何使用 CSS 消除 jQuery UI 对话框中的关闭按钮?

Afficher les données dans un ordre trié dans des pages Web HTML est une tâche fastidieuse. Les boîtes de dialogue sont utilisées pour afficher des informations sous une forme présentable dans une page Web. Une boîte de dialogue est une fenêtre flottante contenant un titre et un contenu. jQuery UI permet aux développeurs de créer des boîtes de dialogue simples et conviviales pour les sites Web. Dans cet article, nous verrons comment créer des boîtes de dialogue jQuery UI et comment éliminer le bouton de fermeture dans ces boîtes.

Tout d’abord, comprenons la boîte de dialogue jQuery UI.

Boîte de dialogue de l'interface utilisateur jQuery

La méthode

jQuery Dialog() permet aux développeurs de créer une simple fenêtre de dialogue dans la fenêtre qui n'est pas affectée par le contenu de la page. dialog() method est utilisée pour indiquer au navigateur que n'importe quel élément HTML peut être affiché sous la forme d'une boîte de dialogue. Il se compose d'une barre de titre et d'un espace de contenu. Par défaut, il peut être déplacé, redimensionné et supprimé via le bouton de fermeture (x).

Grammaire

$(selector, context).dialog (options);
Copier après la connexion

Paramètres

  • Titre Il permet aux développeurs de décider du titre affiché dans la boîte de dialogue.

  • Largeur- Il permet aux développeurs de décider de la largeur de la boîte de dialogue.

  • Position- Il permet aux développeurs de décider de la position initiale de la boîte de dialogue.

  • Hauteur- Il permet aux développeurs de décider de la hauteur de la boîte de dialogue.

  • Button - Utilisé pour ajouter des boutons aux boîtes de dialogue.

  • Max-height - Détermine la hauteur maximale de la boîte de dialogue

  • Max-width - Détermine la largeur maximale de la boîte de dialogue

  • Min-height - Détermine la hauteur minimale de la boîte de dialogue

  • Min-width - Détermine la largeur minimale de la boîte de dialogue

  • Appendto - Lorsque cette option est définie sur false, elle nous permet d'empêcher l'ajout de la classe UIdraggable à la liste des éléments HTML DOM.

  • Ouvrir automatiquement - Lorsque cette option est laissée vraie, la boîte de dialogue s'ouvrira dès sa création. Si faux, une boîte de dialogue s'ouvrira lors de l'appel.

Étapes à suivre

Voici les étapes à suivre pour créer une boîte de dialogue JQuery.

Étape 1 - Ajoutez jQuery et jQuery UI CDN au code à l'intérieur de la balise

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Faire votre première transition Svelte personnalisée Faire votre première transition Svelte personnalisée Mar 15, 2025 am 11:08 AM

L'API de transition Svelte fournit un moyen d'animer les composants lorsqu'ils entrent ou quittent le document, y compris les transitions Svelte personnalisées.

Travailler avec GraphQL Caching Travailler avec GraphQL Caching Mar 19, 2025 am 09:36 AM

Si vous avez récemment commencé à travailler avec GraphQL ou examiné ses avantages et ses inconvénients, vous avez sans aucun doute entendu des choses comme "GraphQL ne prend pas en charge la mise en cache" ou

Show, ne dit pas Show, ne dit pas Mar 16, 2025 am 11:49 AM

Combien de temps passez-vous à concevoir la présentation de contenu pour vos sites Web? Lorsque vous écrivez un nouveau blog ou créez une nouvelle page, pensez-vous à

Construire une application Ethereum à l'aide de Redwood.js et de la faune Construire une application Ethereum à l'aide de Redwood.js et de la faune Mar 28, 2025 am 09:18 AM

Avec la récente montée du prix du bitcoin sur 20k $ USD, et pour lui, récemment en train de briser 30k, je pensais que cela valait la peine de reprendre une profonde plongeon dans la création d'Ethereum

Créer votre propre bragdoc avec Eleventy Créer votre propre bragdoc avec Eleventy Mar 18, 2025 am 11:23 AM

Quelle que soit le stade dans lequel vous vous trouvez en tant que développeur, les tâches que nous effectuons - qu'elles soient grandes ou petites - ont un impact énorme dans notre croissance personnelle et professionnelle.

Un peu sur CI / CD Un peu sur CI / CD Apr 02, 2025 pm 06:21 PM

Je dirais que "Site Web" correspond mieux que "Application mobile" mais j'aime ce cadrage de Max Lynch:

Vue 3 Vue 3 Apr 02, 2025 pm 06:32 PM

Il est sorti! Félicitations à l'équipe Vue pour l'avoir fait, je sais que ce fut un effort massif et une longue période à venir. Tous les nouveaux documents aussi.

Utilisons (x, x, x, x) pour parler de spécificité Utilisons (x, x, x, x) pour parler de spécificité Mar 24, 2025 am 10:37 AM

Je discutais avec Eric Meyer l'autre jour et je me suis souvenu d'une histoire d'Eric Meyer de mes années de formation. J'ai écrit un article de blog sur la spécificité CSS, et

See all articles