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、备注（我的代码的前 2 个 href）和备注、仅向其他部门成员显示批准（我的代码的最后 2 个 href）.. 如何我会动态隐藏或显示这些吗？？？你能帮我吗？

类似的帖子：

在此处输入链接描述转到此并回到我的问题

现在因为它被指定在那里我想动态隐藏我的内容......我的其他两个内容也必须占用 1/2 宽度......

现在清楚了吗？？还是我还需要精确？对不起，伙计们……我对这些东西很陌生……所以如果我不清楚，请指教！

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 变量，以查看更改。由于我不知道您的登录系统是如何工作的，我假设您有能力在客户端（网页）上检查某人所在的部门。我同意不应该这样做的评论在客户端，通常服务器会处理这个，但如果你必须在客户端做，这是我能想到的最好的方法。

于 2013-01-30T09:19:47.363 回答