Bouton avec texte et icône centrés

Je développe un composant bouton avec une icône et du texte. L'icône est placée à gauche du bouton et le texte est aligné au milieu du bouton. Si le texte ne peut pas tenir dans le bouton, il ne doit pas être renvoyé à la ligne mais peut être tronqué. La condition clé pour tronquer du texte est que ...

P粉033429162 2023-08-15 11:01:09 0  1  532

Dans React js, impossible d'obtenir la valeur du bouton en cliquant sur l'icône à l'intérieur du bouton

Dans React js, impossible d'obtenir la valeur du bouton en cliquant sur l'icône à l'intérieur du bouton

P粉364129744 2023-07-22 09:47:02 0  1  485

Cliquer sur l'icône (et non sur le reste du bouton) est le seul moyen pour le bouton d'abonnement Javascript de fonctionner.

J'ai un bouton d'abonnement au profil utilisateur qui ne fonctionne que lorsque je clique sur l'icône rssfontAwesome, le reste du bouton ne fonctionne pas. J'ai essayé plusieurs remplacements pour définir l'élément bouton comme événement de clic, mais ils ne fonctionnent pas du tout. Le code suivant...

P粉742550377 2024-01-16 14:13:18 0  1  455

Comment puis-je déclencher un événement de clic lorsque je clique sur un bouton affiché en dehors de l'élément de dialogue ?

J'utilise un élément de dialogue HTML natif comme modal dans mon application Vue3 et j'ai réussi à afficher un bouton sur le côté/à l'extérieur du modal en utilisant le positionnement absolu. Cependant, en raison de la nature des éléments de dialogue et de la manière dont ils sont placés au niveau s...

P粉116654495 2023-08-31 23:33:50 0  1  605

Rendre les accessoires React facultatifs et requis dans TypeScript en fonction d'autres accessoires

J'ai un composant conteneur de boutons React qui renvoie un bouton normal, un bouton icône ou un bouton icône uniquement en fonction du type fourni par l'accessoire utilisé par l'utilisateur. Voici les définitions de types associées des composants et des accessoires ButtonContainer : typeButtonWrapp...

P粉738046172 2023-09-17 13:42:00 0  1  686

angulaire.js - angulairejs Comment compléter une sélection radio avec un ensemble de boutons

Merci pour votre travail acharné. Veuillez me dire comment utiliser un ensemble de boutons pour poser une question à sélection unique. Merci beaucoup ! Comme le montre la figure, deux choses doivent être faites : 1. Une fois la page chargée, définissez le bouton coché par défaut et la classe d'icône...

PHPz 2017-05-15 17:09:33 0  2  955

Bouton cliquable sur l'image/l'icône dans Vuetify

Comment puis-je créer un bouton <v-btn><v-img>...<v-img></v-btn> ​​​​​​avec cette interface utilisateur

P粉463824410 2023-12-12 11:09:05 0  1  524

Utilisez la touche Tab pour parcourir les éléments HTML sur la page

Je ne peux pas faire défiler à l'aide de la touche de tabulation sur une page HTML à l'aide de la touche de tabulation. Voici une image de la page pour laquelle j'essaie de parcourir les onglets lorsque la fenêtre contextuelle "Impossible de mettre à jour la table" s'ouvre. J'ai cliqué des...

P粉106301763 2024-02-03 21:30:59 0  1  457

html5 - Un problème avec l'utilisation des composants Vue pour implémenter des fonctions

Comme le montre la figure : cliquez sur le bouton d'effacement pour effacer le texte saisi. Étant donné que la saisie perd le focus à ce moment-là, le bouton d'effacement correspondant sera également masqué. Besoin de résoudre : lors de la suppression du texte saisi, le focus est toujours sur le. en...

扔个三星炸死你 2017-06-17 09:17:03 0  2  873

javascript - Après avoir cliqué sur plusieurs boutons pour afficher un contenu différent, comment le contenu peut-il être affiché une fois et le contenu cliqué sur d'autres boutons peut-il être masqué?

La partition de l'aéroport est un tas de boutons. Je veux réaliser que lorsque je clique sur Jiangsu, seul Jiangsu sera affiché. Je ne veux pas que le contenu des autres boutons soit affiché après avoir cliqué dessus - par exemple, Anhui. Actuellement, j'ajoute un événement de clic à chaque bouton, ...

巴扎黑 2017-07-05 11:08:05 0  4  1189

Problème de style avec le composant REACT

Pour le composant à trois boutons présenté dans l'image, comment pouvons-nous simplement utiliser JS natif et REACT pour écrire un moyen simple de changer le style de l'un des boutons en cliquant sur l'un d'eux ? Et lorsque vous cliquez sur d'autres boutons, vous pouvez avoir le même effet (c'est-à-...

巴扎黑 2017-07-05 10:50:54 0  3  879

angulaire.js - Comment contrôler le masquage et l'affichage des éléments en définissant la valeur de la liaison ng-show dans le rappel ajax dans AngularJS

J'ai un bouton et une icône de chargement sur la page. L'icône de chargement utilise ng-show pour lier un attribut de contrôleur afin de déterminer s'il doit être affiché. Lorsque vous cliquez sur le bouton, le programme utilise $http.post pour demander des données à l'arrière-plan et définir l'attr...

仅有的幸福 2017-05-15 17:03:13 0  2  605

Formulaire d'envoi d'une requête POST avec une URL cible différente

J'ai une vue qui affiche un formulaire. Désormais, en fonction du bouton sélectionné par l'utilisateur, je souhaite que les données soient traitées différemment. Ces "différentes manières" correspondent aux différentes vues auxquelles je souhaite que la requête POST aille. S'il vous plaît,...

P粉465675962 2024-03-29 17:16:07 0  1  474

angulaire.js - Angular est utilisé sur tout le site, mais quelles idées faut-il utiliser pour implémenter des fonctions hautement interactives comme celles décrites ci-dessous en utilisant Angular ?

Cette application est décrite comme suit : 1. La zone C est divisée en plusieurs pages et vous pouvez basculer entre les pages de haut en bas. 2. Axe est un contrôle qui peut être glissé vers la zone C pour générer les éléments correspondants, tels que des images, des boutons. et du texte. 3. Images...

習慣沉默 2017-05-15 16:53:09 0  4  635

Existe-t-il un autre moyen d'afficher le bouton d'exportation dans la table de données Yajra à l'aide de Laravel 5.8 ?

J'utilise YajraDatatables pour interroger une liste d'utilisateurs côté serveur. J'ai ajouté toutes les dépendances mais le bouton ne s'affiche pas. Les boutons sont Copier, PDF, CSV et affichent même des boutons personnalisés. J'ai essayé d'utiliser différentes versions de JQuery mais toujours aucu...

P粉021708275 2024-03-26 11:06:25 0  1  523

html5 - Il y a un retard dans la méthode Show de WebView dans H5+

Cliquez sur le bouton de la figure 1 et exécutez le code suivant pour afficher la nouvelle vue Web : {code...} Cependant, après avoir cliqué sur le bouton de la figure 1, la vue Web de la figure 2 sera retardée pendant un certain temps, ce qui signifie qu'après le L'événement tap est exécuté, la web...

某草草 2017-05-18 10:51:36 0  1  1102

javascript - J'ai rencontré un phénomène étrange, le bouton peut être glissé dans la zone d'édition

Comme le montre la figure, le bouton "Enregistrer" dans le coin inférieur droit de la figure peut être cliqué et glissé vers la zone d'édition. L'inspection visuelle est provoquée par le navigateur. S'il est optimisé, le bouton ne peut pas être déplacé. commencer avec le comportement par d...

phpcn_u1582 2017-07-04 13:45:25 0  1  922

Ajouter différentes classes aux éléments créés dynamiquement

J'ai un tableau d'objets où chaque objet a une valeur de texte, un actif, des informations, etc. Je vais parcourir cet arrangement et afficher les boutons de chaque élément. Pour chaque bouton à l'intérieur, j'ajoute un div et dans les 3 paragraphes, j'essaie d'ajouter des classes et d'afficher cond...

P粉573809727 2023-09-11 13:34:46 0  1  566

Utilisation de JavaScript pour ajouter une icône pour basculer les événements du bouton

functiontoggledDeleteAllBtn(){if($('.customer_checkbox:checked').length>0){$('#sel_button').text('Deletedallselected('+$('.customer_checkbox:checked').length+')' );}else{$('#sel_button').text('Supprimer

P粉541565322 2023-09-05 00:08:30 0  1  532

javascript - Pourquoi mon événement de clic doit-il être déclenché deux fois? En attente en ligne, urgent ! ! !

Comme le montre l'image : Si vous n'acceptez pas l'accord et cliquez sur le bouton dans le coin inférieur droit, vous ne pourrez pas libérer la délégation et une boîte de dialogue apparaîtra en même temps, définissez le bouton. à l'attribut désactivé. (c'est-à-dire : désactiver le bouton) Ensuite, j...

某草草 2017-05-18 10:59:32 0  6  740