jQuery隐藏函数与“;按钮“;以及“;span”;但不是用“;a“;要素

jQuery hide function works with "button" and "span" but not with "a" element

本文关键字：要素 以及 函数 隐藏 按钮 jQuery span      更新时间：2023-09-26

我正在一个学术项目的网站上工作，刚刚遇到了一个非常奇怪的问题。我搜索过，但找不到类似的东西。

我有一个使用一些按钮隐藏/显示的表单（jQuery函数）。而且效果非常好。但我也想在用户单击链接（htmla元素）时显示此表单。问题是，当我点击链接时，表单会很快出现和消失。如果我用button或span替换a元素，它就可以完美地工作。有关信息，我使用jade作为模板引擎来创建HTML。这里有一个玉石的例子：

a#edit(href="") #{event.name} // it is the link the create the problem
button#edit(href="") #{event.name} // but like that it work very well

下面是我如何用JavaScript 隐藏我的表单

$('#edit').on('click', function(){
    $('#addForm').show();
});

编辑：解决方案

$('#edit').on('click', function(e){
    e.preventDefault();
    $('#addForm').show();
});

我认为您需要添加（如果不存在）代码来阻止a标签的默认行为

event.preventDefault();
//code
return false;
相关文章：