更改導航欄登錄下拉菜單以注銷ajax

Question

我試圖找出如何在用戶登錄后通過ajax（不刷新頁面）更改引導導航欄下拉菜單。謝謝

<ul class="nav navbar-nav" name= "myNavBar" id="myNavbar">
    <li><a href="/about/">About</a></li>
    <li><a href="/contact/">Contact Us</a></li>
    <li><a href="/blog/">Blog</a></li>
    <li><a href="/webstore/FiberArts/">Store</a></li>
    <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Login | Register<b class="caret"></b></a>
        <ul class="dropdown-menu">
            <li><a data-toggle="modal" data-target="#myOtherModal" href="#log-in">Login</a></li>
            <li class="divider"></li>
            <li><a data-toggle="modal" data-target="#myModal" href="#log-in">Register</a></li>
    </li>
</ul>

我可以更改它，但是需要刷新頁面

Answer 1

從模式對話框中，單擊登錄/注冊鏈接后，在登錄按鈕上單擊，您將執行類似使用jquery的操作

$.ajax({ ..... success: { $('.dropdown').hide(); }

然后顯示或附加注銷鏈接。

如果您從未使用過jquery ajax，請參見jquery ajax示例