jQuery 不适用于 元素，但不适用于 元素

Question

我有一些 jQuery 代码，当单击具有特定 ID 的项目时运行。当 ID 是 <li> 的一部分时，它就可以工作。元素，但当它位于 <a> 中时则不然元素。为什么会这样呢？我想使用 an，因为如果用户关闭了 JavaScript，它允许我实现一些东西。

编辑: Preventdefault 或 return false 似乎都没有任何区别。

HTML 和代码如下:

<li><a id="OfficeNav-Bath" class="first" href="#bath">Bath</a></li>

编辑:如果<a>中没有指定HREF，它就会起作用。元素。

$(function() {
    $("#OfficeNav-Bath").click(function(){
        $('.office').removeClass('visible');
    });             
});

知道为什么会这样吗？提前致谢。

Answer 1

我认为与 <a> 一起使用时您没有阻止默认事件标签，所以尝试这样做:

$(function() {
   $("#OfficeNav-Bath").click(function(e){
     e.preventDefault();
     $('.office').removeClass('visible');
   });           
});