Question

想象一下，我点击了按钮，然后会显示确认信息。但是使用Visibility属性。然后我有jquery代码在jquery代码中有两个css属性。

这是代码：

$("#success").css({"visibility": "visible"}).delay(3000).css({"visibility": "hidden"});

请告诉我这是什么语法，我不想使用show hide属性。三江源

Answer 1

您无法为visibility属性设置动画。假设您希望元素淡入/淡出同时保留DOM中的空间，那么您可以使用opacity CSS属性。

要实现此目的，您可以在该应用类上设置addClass()时使用removeClass()和transition。另请注意，您需要手动处理动画队列，因为默认情况下类修改方法不使用它。试试这个：

＆＃13;

$('button').click(function() {
  $("#success").addClass('visible').delay(3000).queue(function() {
    $(this).removeClass('visible').dequeue();
  });
});

＆＃13;

#success {
  opacity: 0;
  transition: opacity 0.3s;
}

#success.visible {
  opacity: 1;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="success">Lorem ipsum</div>
<button>Click me</button>

＆＃13;

Answer 2

使用此代码：

$('#success').show(0).delay(5000).hide(0);

Answer 3

您可以立即visible fadeOut() delay()之后$("#success").click(function() { $("#conf").css('visibility', 'visible').delay(3000).fadeOut(); });：

#conf {visibility: hidden}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button id="success">Confirm</button>
<span id="conf">Confirmed</span>

post_install do |installer|
  installer.pods_project.build_configurations.each do |config|
    config.build_settings.delete('CODE_SIGNING_ALLOWED')
    config.build_settings.delete('CODE_SIGNING_REQUIRED')
  end
end

在JQUERY代码中使用两个CSS属性

3 个答案: