pokazać lub ukryć przycisk za pomocą jquery? - javascript, jquery, html

Mam dwa przyciski start i stop. na stronie ładowania przycisk zatrzymania ukryj i pokaż przycisk Start. kiedy klikam przycisk Start, przycisk ten ukrywa i zatrzymuje przycisk pokaż.

ja używam .hide() metoda.

Kod Jquery:

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

Działa, ale problem polega na tym, że ładowanie strony (przycisk zatrzymania) pokaże się na sekundę (jak mrugnięcie), a następnie ukrywanie. Chcę się całkowicie ukryć, co oznacza, że ​​nie chcę pokazywać przycisku zatrzymania podczas ładowania strony.

Odpowiedzi:

To dlatego, że użyłeś wczytaj zdarzenie handler, więc dopóki wszystkie zasoby strony nie zostaną załadowane, skrypt nie zostanie wykonany.

Jednym z możliwych rozwiązań jest użycie reguły css z selektorem id, aby ukryć element podobny do

#stop{display: none;}

Ukryj go, gdy załaduje się tylko przycisk, a nie całe okno.

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

W przeciwnym razie zawsze możesz użyć CSS, aby go ukryć display:none;

Może użyj 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();
})
})