Jquery else if statement

本文关键字：statement if else Jquery 更新时间：2023-09-26

我想出了一些来自外部页面的jquery，并在另一个页面上显示隐藏的div（#section2）。问题是，我似乎无法让#section3和#section2一样工作。这是代码。

jQuery(document).ready(function() {
    var hash = window.location.hash.substring(0);
    jQuery(hash).css({
        "display": "block"
    });
    if (hash != '#section2') {
        jQuery('#section1').css({
            "display": "block"
        });
    }
    else {
        jQuery('#section1').css({
            "display": "none"
        });
    }
});

如果if(hash != '#section3'){ jQuery('#section1').css({"display":"block"}); }我似乎只能让#section2或#section3在输入它们各自的带有哈希的URL时显示，并隐藏section1。我似乎无法让它们同时正常工作。基本上我需要一些能生产的东西CCD_ 2。我正在学习，所以任何帮助都将不胜感激。

jQuery(document).ready(function() {
    var hash = window.location.hash.substring(0);
    jQuery(hash).css({
        "display": "block"
    });
    if (hash != '#section2' && hash != '#section3') {
        jQuery('#section1').css({
            "display": "block"
        });
    }
    else {
        jQuery('#section1').css({
            "display": "none"
        });
    }
});

此外，考虑使用jQuery .show()和.hide()，而不是那些css更改（效果相同，但不那么冗长，并且它会记住以前的状态）。

Try；

$(document).ready(function(){
  var sectionhash = window.location.hash.substring(0);
  $(hash).css({"display":"block"});
  if(hash != '#section2' || hash != '#section3'){
    $('#section1').css({"display":"block"});
  }else {
    $('#section1').css({"display":"none"});
  }
});

或

$(document).ready(function(){
  var sectionhash = window.location.hash.substring(0);
  $(hash).css({"display":"block"});
  if(hash != '#section2'){
    $('#section1').css({"display":"block"});
  }else if(hash != '#section3'){
    $('#section1').css({"display":"block"});
  }else {
    $('#section1').css({"display":"none"});
  }
});

(function($) {
    var hash = window.location.hash;
    $(hash).css('display', 'block');
    $("#section1").toggle(!(hash=='#section2'||hash=='#section3'));
})(jQuery);