Jquery链接重新加载页面
Jquery链接重新加载页面
提问于 2016-05-19 21:47:39
我正在做这个网页：
http://sociedadmicologicasegoviana.com/
单击"Inicia sesión“topbar按钮时，会出现一个隐藏的div，但是当您想要用图像关闭时，它会重新加载页面。有人知道为什么吗？
以下代码为：
HTML:
<div id="login">
<div class="row" id="login-dialog-close">
<div class="col-xs-12">
<a href="" id="login-dialog-button-close"><span class="glyphicon glyphicon-remove"></span></a>
</div>
</div>
<div class="row login-div">
<div class="col-xs-10 col-xs-offset-1 col-lg-4 col-lg-offset-4 col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3">
<?php echo do_shortcode("[swpm_login_form]"); ?>
</div>
</div>
JQUERY:
jQuery(document).ready(function($){
$("#login").hide();
$("#login-button").click(function(){
$("#login").show(500);
});
$("#login-dialog-button-close").click(function(){
$("#login").hide(500);
});})；
我无法理解这种行为，因为它不是一个按钮，只是一个跨度。
诚挚的问候!
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-05-19 22:10:07
span位于锚元素中，将href属性设置为"" --这指的是当前站点，单击该页面时将有效地重新加载页面。
当没有实际链接到另一个网页时，您确实应该避免使用锚。相反，您应该将其更改为div (可以将其样式设置为用cursor: pointer;显示指针)。
但是，如果您真的想使用锚点，可以更改href属性如下：
然后确保您的javascript返回false：
$("#login-dialog-button-close").click(function(){
$("#login").hide(500);
return false;
});Stack Overflow用户
发布于 2016-05-19 22:03:45
因为#login-dialog-button-close是一个链接，所以点击它就会跟随这个链接。您可以通过以下几种方式来防止这种情况：
- 将
href=""更改为href="#"或href="javascript:void(0)"。 - 在处理程序中调用
event.preventDefault()。 $("#login-dialog-button-close").click(function(e) { e.preventDefault()；$(“#登录”).hide(500)；}；
Stack Overflow用户
发布于 2016-05-19 22:18:31
取代：
<a href="" id="login-dialog-button-close">
<span class="glyphicon glyphicon-remove"></span>
</a>在这方面：
<a href="javascript:void(0);" id="login-dialog-button-close">
<span class="glyphicon glyphicon-remove"></span>
</a>问题在于链接的href属性是空的。在javascript: void(0);或#中使用href将解决这个问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37334606
复制相关文章
相似问题
腾讯云开发者
