Question

当＃mobile-nav位于左侧0vw时，我正试图隐藏#back。这是我目前的...

$(document).ready(function() { 
  var position = $("#mobile-nav").css("left", "0vw");
  if (position < 0vw) {
    $("#back").css("display", "none");
  } else {
    $("#back").css("display", "block");
  }
);

关于为什么无法成功返回的任何想法？这是指向代码笔https://codepen.io/spittman/pen/pBqYON

的链接

Answer 1

尝试一下：

var position = parseInt($("#mobile-nav").css("left"));

    if (position <= 0) {
        $("#back").css("display", "none");
    } 
    else {
        $("#back").css("display", "block");
    }

Answer 2

尝试

$("ul ul").hide();


$("li").click(function(event) {
  $(this).children('ul').toggle();
  event.stopPropagation();
});

$("li").click(function() {
  $(this).siblings().children().hide();
});

$(".nav-child-trigger").click(function(){
  $("#mobile-nav").animate({left: '-=100vw'});
});

$("#back").click(function(){
  $("#mobile-nav").animate({left: '+=100vw'});
  var position = $("#mobile-nav").position().left;

    if (position > 0) {
        $("#back").css("display", "none");
    } 
    else {
        $("#back").css("display", "block");
    }
});


$(document).ready(function(){ 


});

当另一个div的位置小于特定值时如何隐藏div

2 个答案: