我正在一个学术项目的网站上工作,刚刚遇到了一个非常奇怪的问题。我搜索过,但找不到类似的东西。
我有一个使用一些按钮隐藏/显示的表单(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;