将jquery“if”语句转换为“switch”

Question

我正在尝试将我的 if 语句转换为 switch；到目前为止没有运气：

if (myapp_config.thisDevice == 'desktop') {

  var primaryNavHeight = $('#primary-nav').height() + app_get_header_height,
    pageWrapperHeight = $('#page-wrapper').height();

  if (primaryNavHeight > pageWrapperHeight) {
    $('#page-wrapper').css("min-height", primaryNavHeight + "px");
  }
  if (primaryNavHeight < pageWrapperHeight) {
    $('#page-wrapper').css("min-height", $(window).height() + "px");
  }

}

到目前为止，我已经尝试了以下方法：

switch (myapp_config.thisDevice == 'desktop') {
  case (primaryNavHeight > pageWrapperHeight):
    // do stuff
    $('#page-wrapper').css("min-height", primaryNavHeight + "px");
    break;
  case (primaryNavHeight < pageWrapperHeight):
    // do stuff
    $('#page-wrapper').css("min-height", primaryNavHeight + "px");
    break;
}

有人能指出我做错了什么吗？

Answer 1

您没有计算 primaryNavHeight 和 pageWrapperHeight。这可能是问题所在。

var primaryNavHeight = $('#primary-nav').height() + app_get_header_height,
    pageWrapperHeight = $('#page-wrapper').height();


switch (myapp_config.thisDevice == 'desktop') {
  case (primaryNavHeight > pageWrapperHeight):
    // do stuff
    $('#page-wrapper').css("min-height", primaryNavHeight + "px");
    break;
  case (primaryNavHeight < pageWrapperHeight):
    // do stuff
    $('#page-wrapper').css("min-height", primaryNavHeight + "px");
    break;
}