1

在我的网站的标题中，我有一个主导航，使用每个超链接项包含一个唯一的数据属性，我使用它来确定通过 load() 显示哪些内容。

我的问题是，我如何编写 if else 语句（假设这是最好的方法）来检查加载的内容与主导航。例如，加载的内容将包含一个包装好的 div，其 ID 与标题中单击的链接的数据属性的 ID 相匹配。我想要实现的是一个语句，如果它的数据属性等于加载内容的 ID，它将为主导航超链接提供唯一类。

<header id="header">
    <ul>
        <li><a href="external.html" data-section="intro">intro</a></li>
        <li><a href="external.html" data-section="interactive">interactive</a></li>
        <li><a href="external.html" data-section="portfolio">photography</a></li>
    </ul>
</header>

例如，如果单击第一个链接，则会将 external.html 文档中的 id="intro" 的 div 加载到页面中。在这种情况下，html 将显示一个带有 data-section = "intro" 的超链接以及一个带有 id ="intro" 的 div。

我想知道如何编写一个绑定的（因为内容是通过 .load() 加载的，我假设我需要绑定语句）如果在 jquery 中使用 else 语句来提供具有数据部分值的标题导航项匹配 div 的 id 值的唯一类，即“活动”

单击第一个链接时加载的内容示例

<section id="intro" class="clearfix">
    <div>
        <h1>Bigger Thinking</h1>
        <h2>It’s what I aim to do on every project, big or small, rich or poor</h2>
    </div>
</section>
4

1 回答 1

0

尝试这个：

var id = $('section').attr('id');
$('#header a').removeClass('unique')
$('#header a[data-section="'+ id +'"]').addClass('unique')
于 2012-07-09T14:03:03.120 回答