показать или скрыть кнопку с помощью jquery?

Question

У меня есть две кнопки запуска и остановки. на странице кнопка остановки загрузки кнопки скрытия и запуска кнопки. , когда я нажимаю кнопку запуска, эта кнопка скрывает и останавливает кнопку show.

я использую .hide() способ.

Jquery код:

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

Это работает, но проблема при загрузке страницы этого (кнопка остановки) покажет для второго (как моргнуть), а затем скрыть. я хочу полностью скрыть, что я не хочу показывать кнопку остановки при загрузке страницы.

Answer 1

Это происходит потому, что вы использовали load event обработчик, поэтому пока загружается все ресурсы страницы скрипт не выполняется.

Одним из возможных решений является использование правила CSS, с помощью селектора идентификатора, чтобы скрыть элемент, как

#stop{display: none;} 

Answer 2

Может использовать CSS:

#stop { display: none; } 

Answer 3

Скрыть это только один раз кнопка загрузится, а не все окно.

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

В противном случае, вы всегда можете использовать CSS, чтобы скрыть его display:none;

Answer 4

$(document).ready(function() { 
    $("#btnStop").click(function (e) { 
     e.preventDefault(); 
     $(this).hide(); 
     $("#btnPlay").show(); 
    }) 
    $("#btnPlay").click(function (e) { 
     e.preventDefault(); 

     $(this).hide(); 
     $("#btnStop").show(); 
    }) 
})