サブページで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％確信していませんが、私は簡単なメニューの例を作りました。

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; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul id="main-menu"> 
 
    <li class="menu-item"> 
 
    <a class="menu-item__link" href="#someLink1">Some link 1</a> 
 
    </li> 
 
    <li class="menu-item"> 
 
    <a class="menu-item__link" href="#someLink2">Some link 2</a> 
 
    </li> 
 
    <li class="menu-item"> 
 
    <a class="menu-item__link" href="#someLink3">Some link 3</a> 
 
    </li> 
 
</ul> 
 
<button id="toggle-main-menu">Toggle the menu</button>