如何在子页面中使用javascript禁用主菜单？

Question

我想使用它的id禁用子页面中的主菜单项。尝试了“setAttribute”和“disabled”选项。

document.getElementById("bloc_menu:j_id14").setAttribute("disabled","disabled");
document.getElementById("bloc_menu:j_id14").disabled = true;

欢迎任何建议，谢谢。

Answer 1

我仍然不能100％肯定你正在尝试做什么，或者为什么你无法处理这个服务器端，但我做了一个简单菜单的例子，可以禁用/启用。

      ngh --message "Deploy gh pages"

var $mainMenu, $links;

$(function() {
  $mainMenu = $('#main-menu');
  $links = $mainMenu.find('.menu-item__link').each(function() {
    var $link = $(this);
    $link.data('href', $link.attr('href'));
  });
  $('#toggle-main-menu').on('click', function() {
    toggleMainMenu();
  });
});

function toggleMainMenu() {
  if ($mainMenu.hasClass('disabled')) {
    $mainMenu.removeClass('disabled');
    restoreLinks();
  }
  else {
    $mainMenu.addClass('disabled');
    removeLinks();
  }
}

function removeLinks() {
  $links.removeAttr('href');
}

function restoreLinks() {
  $links.each(function() {
    var $link = $(this);
    $link.attr('href', $link.data('href'));
  });
}

#main-menu .menu-item__link {
  color: #000;
}

#main-menu.disabled .menu-item__link {
  color: #ccc;
}