Question

我有一个导航栏，它固定在我的页面上。我喜欢导航栏上的元素在点击时突出显示，并突出显示它在页面上链接到的标题h2。

但是，这个h2在iframe中并从另一个html文件中拉出src。

如何修改我的jquery以突出显示导航栏上的活动元素，并在iframe中突出显示活动的h2，还可以在单击新元素时删除这些类？

我附加了一个名为current的类来应用stylng。这是我目前的jquery：

$('#header li a').on('click', function () {
                $('li a.current, h2.current').removeClass('current'); //remove the current class from the link and h2
                $(this).addClass('current'); //add current to the link that was clicked
                $( "#test1" ).contents().find( "h2" ).addClass('current');
            });

这是我的造型课：

a.current {
        color: #0095DA;
        text-decoration: none;
    }

    h2.current {
        color: #0095DA;
    }

这是我的hrame拉入我的iframe（这与导航栏位于同一个文件中）：

<div id="first">
                <iframe id="test" class="desktop" src="Bus_PM.html" width="100%" height="400px" style="border:none;"></iframe>
            </div>

            <div id="second">
                <iframe id="test1" class="desktop" src="Tech.html" width="100%" height="400px" style="border:none;"></iframe>
            </div>

这是我的iframe代码来自不同的html文件并不相关，但这是我想要定位的元素：

 <a href="#"><h2>Technology</h2></a>

这是另一个iframe代码，是一个不同的文件。

<a href="#'><h2>Business</h2></a>

从href锚点更改iframe中的标题颜色

0 个答案: