当使用jQuery时,如何使href跟随链接?

3

当激活jQuery时,我无法让<a href="#">跟随链接。

<ul>
    <li class="menuOption"><a href="#"></a>Home</li>
    <li class="menuOption"><a href="#"></a>About</li>
</ul>

我看了几篇帖子,但它们都涉及人们尝试在.js文件中使用preventDefaults();来阻止链接被跟踪。我不确定我的解决方案是什么。


9
跟随哪个链接?没有链接可供使用。 - StudioTime
当jQuery未激活时,它是否起作用? - yılmaz
你能给我们一个你所寻找的例子吗? - vijayP
2
尝试在锚点中放置内容。现在没有可点击的内容。也许你想把文本包裹在a标签中。 - Phil
1
@vitamike 你本意是要写成 <li class="menuOption"><a href="#">首页</a></li>,字符串需要放在<a></a>标签内。 - MasNotsram
显示剩余3条评论
2个回答

3

您需要将链接文本放在锚标签内。现在,a标签是空的,因此无法点击。

请尝试使用以下代码:

<ul>
    <li class="menuOption"><a href="#">Home</a></li>
    <li class="menuOption"><a href="#">About</a></li>
</ul> 

0

有多种方法可以实现这个目标:- 1. 一种方法是将您的href更改为指向javascript:void(0),而不是#,因此代码应该是

  <ul>
      <li class="menuOption"><a href="javascript:void(0)"></a>Home</li>
       <li class="menuOption"><a href="javascript:void(0)"></a>About</li>
  </ul>

如果您编写了某个url且有onclick存在,您的jquery函数还必须返回false

 <ul>
          <li class="menuOption"><a href="www.google.com" onclick="somefun)()"></a>Home</li>
      </ul>

不要忘记在您的函数中返回false function somefun(){ 返回false; }

谢谢,解决方案如@MasNotsram所述。语法错误。 - vitamike

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接