J'ai deux boutons de démarrage et d'arrêt. sur la page, le bouton d'arrêt de chargement masque et affiche le bouton de démarrage. lorsque je clique sur le bouton démarrer, ce bouton masque et arrête le bouton afficher.
J'utilise la méthode .hide().
Code Jquery:
$(window).load(function ()
{
$('#stop').hide();
});
Cela fonctionne, mais le problème est lorsque le chargement de la page (bouton d'arrêt) s'affichera pendant une seconde (comme un clignotement), puis se cachera. je veux cacher complètement signifie que je ne veux pas afficher le bouton d'arrêt lors du chargement de la page.
4 réponses
C'est parce que vous avez utilisé le gestionnaire Load Event, So till toutes les ressources de la page sont chargées le script n'est pas exécuté.
Une solution possible consiste à utiliser une règle css, avec le sélecteur d'id pour masquer l'élément comme
#stop{display: none;}
$(document).ready(function () {
$("#btnStop").click(function (e) {
e.preventDefault();
$(this).hide();
$("#btnPlay").show();
})
$("#btnPlay").click(function (e) {
e.preventDefault();
$(this).hide();
$("#btnStop").show();
})
})
Peut-être utiliser CSS:
#stop { display: none; }
Cachez-le une fois que seul le bouton est chargé, pas toute la fenêtre.
$("#stop").load(function() {
$(this).hide();
});
Sinon, vous pouvez toujours utiliser CSS pour le masquer avec display:none;