1

私はかなり長い間これに取り組んできました..解決策を見つけることができませんでした..

これは、3 つの要素を持つナビゲーションバーのコードです...

<div data-role="navbar" style="background:#82C1D7; margin-top:0.5em;">
  <ul  data-autodividers="true" >
                <li>
                <a href="" style="font:Arial, Helvetica, sans-serif; font-size:14px;background:transparent" onClick="mofcall()">MOF</a></li>
                <li>
                <a href="" style="font:Arial, Helvetica, sans-serif; font-size:14px;background:transparent" onClick="remarkcall()">Remarks</a></li>
                <li>
                <a href="" style="font:Arial, Helvetica, sans-serif; font-size:14px;background:transparent" onClick="approvalcall()">Approval</a></li>
            </ul></div>

私の問題 ：

組織のさまざまな部門のメンバーがログインして、リクエスト/メッセージを表示できるアプリケーションがあります..

ここでの問題は、MOF,Remarks(コードの最初の 2 つの href) のみを 1 つの部門のメンバーに表示し、remarks,Approval(コードの最後の 2 つの hrefs) を他の部門のメンバーにのみ表示する必要があることです..方法これらを動的に非表示または表示しますか??? 私を助けてくれませんか??

同様の投稿:

ここにリンクの説明を入力してくださいこれに行き、私の問題に戻ってください

そこに指定されているので、コンテンツを動的に非表示にしたい...また、他の2つのコンテンツは1/2の幅を取る必要があります...

これでクリアです?? それともまだ正確である必要がありますか?? 申し訳ありませんが..私はこれらのものに慣れていないので、私が明確でない場合はpls teme !!

4

1 に答える 1

2

これを行うには、2 つのナビゲーション バーを追加する必要があり、この質問の解決策と非常によく似た、どちらか一方のみを表示します。

HTMLコード

<div id="navbar1" data-role="navbar" style="background:#82C1D7; margin-top:0.5em;">
  <ul data-autodividers="true">
    <li>
      <a href="" style="font:Arial, Helvetica, sans-serif; font-size:14px;background:transparent"
      onClick="remarkcall()">Remarks</a>
    </li>
    <li>
      <a href="" style="font:Arial, Helvetica, sans-serif; font-size:14px;background:transparent"
      onClick="approvalcall()">Approval</a>
    </li>
  </ul>
</div>
<div id="navbar2" data-role="navbar" style="background:#82C1D7; margin-top:0.5em;">
  <ul data-autodividers="true">
    <li>
      <a href="" style="font:Arial, Helvetica, sans-serif; font-size:14px;background:transparent"
      onClick="mofcall()">MOF</a>
    </li>
    <li>
      <a href="" style="font:Arial, Helvetica, sans-serif; font-size:14px;background:transparent"
      onClick="remarkcall()">Remarks</a>
    </li>
  </ul>
</div>

Javascript コード

var isOneDepartment = true;
if (isOneDepartment) {
  $("#navbar1").remove();
} else {
  $("#navbar2").remove();
}

jsfiddle ( http://jsfiddle.net/c6FHN/2/ )の isOneDepartment 変数を変更して、変更を確認できます。あなたのログイン システムがどのように機能するのかわかりませんので、クライアント側 (Web ページ) で誰かがどの部署にいるかを確認できると思います。これを行うべきではないというコメントに同意します。クライアント側では、通常はサーバーがこれを処理しますが、クライアント側で行う必要がある場合は、これが私が考える最良の方法です。

于 2013-01-30T09:19:47.363 に答える