如何在jquery mobile弹出窗口中动态隐藏/显示菜单项

时间:2014-04-28 12:44:15

标签: jquery-mobile

我有一个这样的弹出菜单:

<a href="#MenuBeobListe" data-rel="popup" data-transition="slide" class="ui-btn ui-corner-all ui-btn-inline ui-icon-gear ui-btn-icon-left ui-btn-a ui-btn-icon-notext">Menu</a>
<div data-role="popup" class="popup" id="MenuBeobListe" data-theme="a">
    <ul data-role="listview" data-inset="true" style="min-width:210px;">
        <li data-role="list-divider">Menü:</li>
        <li class="admin"><a class="menu_artengruppen_importieren" href="#">Artengruppen importieren</a></li>
        <li class="admin"><a class="menu_arten_importieren" href="#">Arten importieren</a></li>
        <li><a class="menu_hierarchischer_modus" href="#">hierarchischer Modus</a></li>
        <li><a class="menu_felder_verwalten" href="#">Felder verwalten</a></li>
        <li><a class="menu_beob_exportieren" href="#">Beobachtungen exportieren</a></li>
        <li><a class="menu_einstellungen" href="#">Einstellungen</a></li>
        <li><a class="menu_neu_anmelden" href="#">neu anmelden</a></li>
    </ul>
</div>

当管理员登录我的应用时,我想设置其他菜单项。这些项目已包含在html中,并具有“admin”类。它们最初隐藏在这样的:

.popup .admin {
  display: none;
}

管理员登录后,我尝试像这样显示:

$(".popup").find(".admin").css("display", "block");
$(".popup").popup();

即使我运行

,这也不起作用
$(".popup").find(".admin").css("display", "block");

直接在浏览器中显示管理员的菜单项。

你能帮帮忙吗?

0 个答案:

没有答案