[英]Change navbar login dropdown to logout ajax
I am trying to figure out how to change a bootstrap navbar dropdown via ajax(without page refresh) after the user logs in. Thanks 我试图找出如何在用户登录后通过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>
I can get it to change but it requires page refresh 我可以更改它,但是需要刷新页面
from the modal dialog after it appears from clicking the login/reg links, on login button click, you'd just do something like using jquery 从模式对话框中,单击登录/注册链接后,在登录按钮上单击,您将执行类似使用jquery的操作
$.ajax({ ..... success: { $('.dropdown').hide(); }
then show or append a log out link. 然后显示或附加注销链接。
if you've never used jquery ajax, jquery ajax example 如果您从未使用过jquery ajax,请参见jquery ajax示例
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.