基于 body ID 的 jquery 事件状态

标签 jquery css

首先,实现 jquery 事件状态的一些更好的方法是什么?我想给每个 body 一个唯一的 ID 并用它来确定事件状态。这是一个好方法吗?

我如何为我的每个页面正文标签提供一个唯一的 ID,然后使用 jquery 将事件状态添加到使用 .addClass 的类似菜单?

 <body id="two">
  <nav>
    <ul>
      <li><a href="one.html">one</a></li>
      <li><a href="two.html">two</a></li>
      <li><a href="three.html">three</a></li>
    </ul>
  </nav> 
 </body>

我可以给每个 li 一个类,然后为匹配 id 的那个添加一个类吗?寻找有关最佳方法的建议。

最佳答案

您似乎想要创建一个单页应用程序。有许多框架实现了这种模式,包括:

这些框架在尝试创建单页应用程序时非常有用,但如果您想自己实现它,您可以通过将模板存储在隐藏的 DOM 元素(如 <script>)中来实现。标记并在单击时用它切换 body 的一部分。如果您想支持深度链接,要么将子路径存储在 url 的哈希片段中。

关于基于 body ID 的 jquery 事件状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17151752/

相关文章:

html - 没有jquery的高度变化的过渡div

html - 在 safari 中不工作的位置

javascript - (WP) 代码可以在独立的 codepen 中运行,但不能在实时站点上运行

javascript - JQuery:复选框链无法正常工作

javascript - 实际 <DIV> 大小比预期的大

html - CSS 类适用于表格内部,但不适用于表格本身

单击时javascript更改类,保留css动画

javascript - 图片库使第一张图片变大

javascript - jQuery 点击事件只工作一次(初学者)

javascript - 如何在 iPhone 上使 css3 的高度(和其他尺寸)过渡更平滑?