空的 href 不适用于 javascript

Empty href is not working with javascript

本文关键字：javascript 适用于 不适用 href 空的      更新时间：2023-09-26

我在论坛上搜索了这个，但我找不到解决问题的方法。如果我错过了什么，请指出我正确的线程。

我有三个div，在点击时相互替换。

这是我的 HTML：

<div id="a">AAAA <a id="showa" href="javascript:void(0)">Show A</a></div>
<div id="b">BBBB <a id="showb" href="javascript:void(0)">Show B</a></div>
<div id="c">CCC <a id="showc" href="javascript:void(0)">Show C</a></div>

我正在使用这个JavaScript来实现这一点：

function ReplaceDivs(a,b,c){
    $("#showa").on('click', function(e){
    e.preventDefault();
    e.stopPropagation();
    $("#b").show();
    $("#a").hide();
    $("#c").hide();
});
$("#showb").on('click', function(e){
    e.preventDefault();
    e.stopPropagation();
    $("#c").show();
    $("#b").hide();
    $("#a").hide();
});
$("#showc").on('click', function(e){
    e.preventDefault();
    e.stopPropagation();
    $("#a").show();
    $("#b").hide();
    $("#c").hide();
});

我正在使用preventDefault，我也尝试通过输入javascript:void(0)输入，但我的代码仍然不起作用。

当我在小提琴上测试它时，它可以正常工作。

你可以在这里看到我的例子

您可以在此处查看实际页面

我错过了什么？

另外，我想知道是否有办法添加动画，以便div显示/隐藏更好。这是我第一次使用javascript，所以我真的不知道从哪里开始。

实际页面上的代码是<a id="showa" href="">Show A</a> 。空白href等于与自我的链接。你需要这个：

<a href="javascript:;"></a>

这是没有操作的链接的首选方法。

我遇到了完全相同的问题。就我而言，解决方案是修复 jquery 源的路径。

以前 

<script src="scripts/vendors.js"></script>

后

<script src="/scripts/vendors.js"></script>

在脚本/...当我创建一个在源路径中键入的新页面>时，我遇到了这个问题 ->选取源路径。但是在我作为模板获得的其他示例预构建页面中，如果没有前斜杠，它就可以正常工作。还没有弄清楚为此付出的代价。

尝试使用 # 作为href的值。

相关文章：