【问题标题】:Is there a way to check if list is clicked? [closed]有没有办法检查列表是否被点击? [关闭]
【发布时间】:2022-06-10 20:15:13
【问题描述】:

尝试检查是否在 html 中单击了列表。我尝试在 <li><a> 中提供 id,但它似乎不起作用

尝试将 id 添加到 <li><a> 但通过 id 检查未在控制台中显示日志?有什么办法吗?

$("#homeList").click(function() {
  console.log("homeList clicked");
})

$("#homeHref").click(function() {
  console.log("homeHref clicked");
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<ul class="nav nav-tabs" role="tablist">
  <li role="presentation" id="homeList" class="active"><a id="homeHref" href="#home" aria-controls="home" role="tab" data-toggle="tab">Info Profil</a>
  </li>
  <li role="presentation" id="addList"><a id="addHref" href="#add" aria-controls="home" role="tab" data-toggle="tab">Info Profil</a>
  </li>
</ul>

【问题讨论】:

  • 我给你做了一个sn-p。我必须在每个语句的末尾添加一个)
  • 似乎按预期工作,你能测试一下 sn-p 并解释它做错了什么吗? (如果有的话,或者只是 mplungjan 修复了错字?)
  • 您没有addListaddHref 的点击处理程序。
  • 请注意您的homeHref 在 homeList 中,因此这两个语句都会在单击第一个 LI 或 href 时触发

标签: javascript jquery


【解决方案1】:

只需使用:

$("#addList").click(function () {
     console.log("homeHref clicked");
  });

安装于:

$("#homeHref").click(function() {
  console.log("homeHref clicked");
})

【讨论】:

  • 请解释你做了什么。这可能只是一个错字类型的问题,不需要答案
猜你喜欢
  • 1970-01-01
  • 2018-01-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-03-01
  • 2011-02-11
  • 1970-01-01
相关资源
最近更新 更多