jQuery dislplay none - 显示/隐藏div的滞后

时间:2016-09-27 20:28:18

标签: jquery html css

他有开发人员;)

问题是,当想要隐藏div并通过单击按钮显示div时,我会遇到延迟。 是否有更好的方法来解决它而不会滞后?

$("#toggle-f").click(function(){
    if ($("#toggle-finder").css("display") == "none") {

        $("#toggle-safari").fadeOut();
        $("#toggle-voorkeuren").fadeOut();
        $("#toggle-mappen").fadeOut();
        $("#toggle-finder").fadeIn();
    } else {
        $("#toggle-finder").fadeOut();
    }
});

2 个答案:

答案 0 :(得分:0)

你能用.hide()和.show()代替.fade吗?如果你指的是滞后

 $("#toggle-f").click(function(){
        if ($("#toggle-finder").css("display") == "none") {

            $("#toggle-safari").hide(); $("#toggle-voorkeuren").hide();
            $("#toggle-mappen").hide(); $("#toggle-finder").show();
        } else {
            $("#toggle-finder").hide();
        }
        }); 

答案 1 :(得分:-1)

这并不能真正帮助你提高性能,但它的效率会更高一些。 “滞后”通常意味着您的硬件无法处理软件..关闭其他程序和东西。

$("#toggle-f").click(function() {
  if($("#toggle-finder").is(":visible")){
    $("#toggle-safari, "+
    "#toggle-voorkeuren, "+
    "#toggle-mappen, "+
    "#toggle-finder").fadeOut();
  } else {
    $("#toggle-finder").fadeOut();
  }
});