Исчезающая видимость элемента с помощью jQuery
У меня была такая же проблема. Оказывается, мне пришлось подождать несколько минут перед входом, чтобы проверить работоспособность службы. Если кто-то идет тем же путем и выполнил все шаги, такие как readinessProbe и linvenessProbe, просто убедитесь, что ваш вход указывает на службу, которая является NodePort, и подождите несколько минут, пока желтый значок предупреждения не превратится в зеленый. Кроме того, проверьте журнал на StackDriver, чтобы получить лучшее представление о том, что происходит. Мои readinessProbe и livenessProbe на /login, для класса gce. Так что я не думаю, что это должно быть на /healthz.
4 ответа
Вы можете установить непрозрачность на 0,0 (т. Е. «Невидимый») и видимость на видимую (чтобы сделать непрозрачность релевантной), а затем анимировать непрозрачность от 0,0 до 1,0 (для постепенного увеличения):
$('ul.load_details').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});
Поскольку вы устанавливаете непрозрачность на 0,0, он невидим, несмотря на то, что установлен на «видимый». Анимация непрозрачности должна дать вам желаемое постепенное появление.
Или, конечно, вы можете использовать анимацию .show () или .fadeTo () .
РЕДАКТИРОВАТЬ: Volomike верен. CSS, конечно, указывает, что непрозрачность принимает значение от 0,0 до 1,0, а не от 0 до 100. Исправлено.
Вы не можете анимировать видимость . Либо что-то видно, либо нет (непрозрачные элементы события 1% являются «видимыми»). Это похоже на наполовину существующее - не имеет смысла. Вероятно, вам лучше анимировать непрозрачность (через .fadeTo () и т. Д.).
Это может помочь:
$(".pane .delete").click(function(){
$(this).parents(".pane").animate({ opacity: 'hide' }, "slow");
});
Возможно, вы просто хотите показать или скрыть элемент:
$('ul.load_details').show();
$('ul.load_details').hide();
Или вы хотите показать / скрыть элемент с помощью анимации (это не имеет смысла конечно, так как он не исчезнет):
$('ul.load_details').animate({opacity:"show"});
$('ul.load_details').animate({opacity:"hide"});
Или вы действительно хотите, чтобы элемент постепенно исчезал, как этот:
$('ul.load_details').animate({opacity:1});
$('ul.load_details').animate({opacity:0});
Может быть, хороший учебник поможет вам освоить jQuery:
http: // www .webdesignerwall.com / tutorials / jquery-tutorials-for-designer /