Javascript 将导航栏登录下拉列表更改为注销ajax
我试图弄清楚在用户登录后如何通过ajax(无需页面刷新)更改引导导航栏下拉列表。谢谢Javascript 将导航栏登录下拉列表更改为注销ajax,javascript,jquery,ajax,twitter-bootstrap,Javascript,Jquery,Ajax,Twitter Bootstrap,我试图弄清楚在用户登录后如何通过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> &
<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>
-
我可以更改它,但它需要从模式对话框中刷新页面。单击登录/reg链接显示页面后,单击登录按钮,您只需执行类似于使用jquery的操作
$.ajax({ ..... success: { $('.dropdown').hide(); }
然后显示或附加一个注销链接
如果您从未使用过jquery ajax,请检查此项以了解ajax的实现。如果成功,只需修改DOM元素。您可以通过Document.getElementById或其他各种Javascript方法获取DOM元素(此处为Navbar)。非常感谢。问题是我没有直接引用下拉类。我还建议使用ID而不是类,如果只需要引用一个项,速度会更快。所以使用id=“dropdown”,$(“#dropdown”).hide()