Question

我一直在研究这个问题已经很长时间了。不能找到解决方案..

这是包含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个hrefs） ..我将如何动态隐藏或显示这些???你可以帮帮我吗？

SIMILAR POST：

enter link description here转到此处并回到我的问题

现在因为它被指定在那里我想动态地隐藏我的内容...我的另外两个内容必须采取1/2宽度...

现在这个清楚吗？还是我还需要准确？对不起，伙计们......我对这些东西不熟悉......所以如果我不清楚的话请告诉我们！

Answer 1

要做到这一点，我必须添加2个导航栏，我只显示其中一个，与解决方案for this question非常相似。

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

在jquery中动态隐藏/删除/显示导航栏

1 个答案: