0

Web アプリケーション (= マルチ ユーザー環境) では、現在ログインしているユーザーなどに応じて、トップ バーの特定のメニュー エントリを無効にする必要があります。UI の一貫性を保つために、メニュー エントリを非表示にしたり省略したりすることはできません。ボタンなどの他の基盤要素に移動する方法である無効/非アクティブ/その他のクラスを追加することは、明らかにフレームワークによってサポートされていません。

<li><a class="disabled" href="#">Disabled Menu Entry</a></li>

何か案は？

4

1 に答える 1

0

あなたの質問は財団と「直接」関係ありません。要素の無効化および/または非表示は、CSS または JavaScript のいずれかです。アンカー タグを直接無効にすることはできませんが、「無効な動作」をシミュレートすることはできます。アンカー タグを無効にする必要があるかどうかを判断するロジックに基づいて、次の操作を実行できます。

<style>
.disabled-link {
    text-decoration:none; // really not needed for the Top Bar, just for general technique
    cursor: auto;
}
</style>
<script>
$(document).ready(function(){
    $(".disabled-link").click(function(e){
        e.preventDefault();
        return false;
    });
});
</script>
<a class="disabled-link" href="#">Disabled Menu Entry</a>

クラスは、いくつかのロジックに基づいてそこに適用する必要があることに注意してdisabled-linkください。これは、サーバー側のコードに依存します。使用している他のツールを教えてくれませんでした。ASP.Net、PHP などを使用している場合。

さらに、リンクの無効化された動作を回避するためにユーザーを停止する方法がないため、サーバーで検証することを忘れないでください。

于 2013-03-22T13:21:39.860 に答える