我试图弄清楚如何在用户登录后通过ajax(无需页面刷新)更改 Bootstrap 导航栏下拉菜单。谢谢
<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>
我可以更改它,但需要刷新页面
最佳答案
从点击登录/注册链接出现的模式对话框中,点击登录按钮,您只需执行类似使用 jquery 的操作
$.ajax({ ..... success: { $('.dropdown').hide(); }
然后显示或附加注销链接。
如果您从未使用过 jquery ajax,jquery ajax example
关于javascript - 将导航栏登录下拉菜单更改为注销 ajax,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22691687/