afficher ou masquer le bouton en utilisant jquery? - javascript, jquery, html

J'ai deux boutons démarrer et arrêter. sur le bouton d'arrêt de chargement de la page masquer et démarrer le bouton afficher. Lorsque je clique sur le bouton Démarrer, ce bouton masque et arrête l'affichage du bouton.

j'utilise .hide() méthode.

Jquery Code:

$(window).load(function ()
{
$("#stop").hide();
});

Cela fonctionne, mais le problème est que lorsque le chargement de la page apparaît (le bouton d’arrêt) s’affiche pendant une seconde (comme un clignotement), puis se cache. Je veux masquer complètement cela veut dire que je ne veux pas afficher le bouton d’arrêt lors du chargement de la page.

Réponses:

C’est parce que vous avez utilisé le événement de chargement Si 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 id pour masquer l'élément de la manière suivante:

#stop{display: none;}

Cachez-le une fois que seul le bouton a été chargé, pas toute la fenêtre.

$("#stop").load(function() {
$(this).hide();
});

Sinon, vous pouvez toujours utiliser CSS pour le cacher avec display:none;

Peut-être utiliser CSS:

#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();
})
})