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.

0
Manish Tiwari 9 mars 2016 à 15:51

4 réponses

Meilleure réponse

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;}
0
Arun P Johny 9 mars 2016 à 12:54
$(document).ready(function () {
    $("#btnStop").click(function (e) {
        e.preventDefault();
        $(this).hide();
        $("#btnPlay").show();
    })
    $("#btnPlay").click(function (e) {
        e.preventDefault();

        $(this).hide();
        $("#btnStop").show();
    })
})
0
Afsaneh 9 mars 2016 à 13:08

Peut-être utiliser CSS:

#stop { display: none; }
1
Vincent G 9 mars 2016 à 12:53

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;

2
Mihai Farcas 9 mars 2016 à 13:03