Donc, dans mon site Web, j'ai des boutons qui font une certaine fonction lorsque vous cliquez dessus. Ces boutons ont un identifiant unique. Lorsque vous voyez le site Web sur un téléphone, vous verrez des icônes et non du texte des boutons. Je l'ai déjà fait. Ce que je veux, c'est que lorsque vous voyez l'icône, vous vous manquez de cliquer dessus et d'avoir effectué la même fonction que le bouton qui a un identifiant. Voici ce que j'ai fait jusqu'à présent:
3 Réponses :
Si j'ai bien compris votre question correctement, vous pouvez ajouter une icône géniale de police à l'intérieur d'un <div class="map-button-container">
<button id="restaurants" class="map-button">
<i class="fas fa-utensils"></i>
<span>restaurants</span>
</button>
...
</div>
oui mais je l'ai dit que lorsque l'écran est petit, vous ne pouvez pas voir le bouton, vous ne voyez que l'icône
Il y a une solution pour cela. Pour l'écran plus petit, Masquer le texte .Map-Button Span {Affichage: Aucune} ET Laissez l'icône.
Vous pouvez avoir votre icône à l'intérieur bouton em> et le texte du bouton peut être dans certains éléments inline, tels que code> et sur téléphone que vous pouvez masquer l'étendue, de cette manière Cliquez sur peut être appliqué. <div class="map-button-container">
<button id="restaurants" class="map-button"> <i class="fas fa-utensils"></i><span>restaurants</span></button>
<button id="coffeeshops" class="map-button"><i class="fas fa-coffee"></i><span>coffeeshops</span></button>
<button id="register" class="map-button">register</button>
</div>
J'ai ajouté la classe de l'icône à la fonction :) ça marche! Maintenant que je clique sur le bouton ou dans l'icône, la fonction fonctionne!
$("#restaurants, .fa-utensils").click(function () {
var oslo = { lat: 59.9160454, lng: 10.7362453 };
var map = new google.maps.Map(document.getElementById("map"), {
zoom: 14,
center: oslo,
});
Vous envisagez de ne pas partager ce code dans la question, personne d'autre n'aurait pu venir avec la réponse.
Pouvez-vous ne pas simplement donner le
i étiquette un identifiant différent, puis simplement mettre cela dans votre fonction JS (ou tout ce que vous utilisez) aux côtés de la toucheID?Ne joignez pas vos gestionnaires d'événement à un identifiant, joignez-les à une classe et donnez la même classe à la fois l'icône et le bouton. Les identifiants doivent être uniques au document. Les classes ne doivent pas être.