Mise en cache du click sur élément ?

**bonjourajax** · 05/04/2018, 20h40

Bonjour à tous,
Je rencontre ce problème depuis quelque temps et je ne trouve la réponse nulle part. (je suis débutant)

Je souhaite rendre une div ou tout autre element cliquable plusieurs fois d'affilée.
J'ai l'impression que le navigateur met le click en cache et du coup je ne peux pas cliquer 2 fois d'affilée, je suis obligé de cliquer sur un autre élément de la page pour pouvoir cliquer a nouveau sur celui ci.

Le script :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
$(document).ready(function(){
  var clicker = 0;
  if(clicker)
	{
		$('div#d').click(function() {
			clicker = 0;
			$('div#d2).css("display", "none");
		});
	}
	else
	{		
		$('div#d').click(function() {
                        clicker = 1;
			$('div#d2').css("display", "block");
		});
	}
});

Merci si vous avez une idée

**mathieu** · 05/04/2018, 22h15

le code dans "$(document).ready(..." est seulement exécuté au démarrage de la page.
donc avec clicker = 0, seul la partie "else" est lancée

pour faire un bouton qui cache / affiche, vous pouvez faire cela en jQuery :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
<head>
<meta charset="UTF-8"/>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<style>
        .cacher
        {
                display : none;
        }
        
</style>
</head>
<body>
<script>
$(function () {
        $('#d').click(function () {
                $('#d2').toggleClass("cacher");
        });
})
</script>
<div id="d">afficher / cacher</div>
<div id="d2" class="cacher">div#d2</div>
</body>
</html>

pour plus d'informations sur "toggleClass" ou une autre méthode jQuery, regardez là :
http://api.jquery.com/toggleClass/

**bonjourajax** · 06/04/2018, 15h33

Bonjour,
Merci pour votre réponse cela fonctionne bien

J'ai aussi trouvé ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<script>
$('#d').click(function () {
   $('#d2').toggle()
});
</script>

Est-ce qu'il y a une différence au niveau de performances ou de compatibilité avec votre méthode ? (ou autre)

Mise en cache du click sur élément ?

jQuery

Vue hybride

Discussions similaires

Partager

Partager