Question

所以我完全坚持这个。我会尽力简化它。（也是新网站，所以希望我发布正确）。

基本上我的主页索引文件有一个链接到另一个页面的菜单。另一页在页面上具有所有相同的内容，但自动在“所有”内容上启动。

<div class="sidebar">
    <ul class="sidebar-inner">
        <li><a href="index.html" class="link">Home</a> </li>
        <li><a href="posts.html" class="link">All Campaigns</a> </li>
        <li><a href="posts.html" class="link">Latest Marketing</a></li>
        <li><a href="posts.html" class="link">Most Popular</a></li>
        <li><a href="posts.html" class="link">About</a></li>
    </ul>

然后使用另一页，它的所有代码都能完美运行。例如，我想要做的就是能够点击索引页面上的“最新营销”，让它像它已经那样转到其他页面，但是将“全部”的类切换为“排序” -link“并将其下的”最新“改为”所选的排序链接“。希望有道理。相当简单，但不确定如何实现。帮助

<div class="main" id="posts-page">
    <div class="sort-posts">
        <section class="sort-posts-controls clearfix" id="options">
            <ul id="filters" class="option-set clearfix" data-option-key="filter">
                <li><a href="#filter" class="sort-link selected" data-option-value="*">All</a></li>
                <li><a href="#filter" class="sort-link" data-option-value=".is-latest">Latest</a></li>
                <li><a href="#filter" class="sort-link" data-option-value=".is-popular">Popular</a></li>
                <li><a href="#filter" class="sort-link" data-option-value=".is-music">Music</a></li>
                <li><a href="#filter" class="sort-link" data-option-value=".is-film">Film</a></li>
                <li><a href="#filter" class="sort-link" data-option-value=".is-tv">TV</a></li>
                <li><a href="#filter" class="sort-link" data-option-value=".is-sports">Sports</a></li>
                <li><a href="#filter" class="sort-link" data-option-value=".is-theater">Theater</a></li>
                <li><a href="#filter" class="sort-link" data-option-value=".is-other">Other</a></li>
            </ul>
        </section>

Answer 1

一个页面上的脚本不可能在加载后更改另一个页面（禁止涉及iframe等的欺骗）。但是，刚刚加载的页面上的脚本可以（并且很容易）检查其URL并适当地设置链接类。

这假设您实际上是在页面之间而不是在页面内进行链接。如果您正在执行后者，则可以为hashchange事件设置处理程序并更改其中的类。如果您需要与IE7或更低版本（不支持hashchange）兼容，则需要在侧边栏链接上设置委派的click处理程序。

链接更改链接到的页面上的类属性。

1 个答案: