2016-12-27 31 views
0

我有一个问题将默认焦点应用于锚点(来自5个锚点的列表)

我已经使5个锚点的行为类似于“选项卡”。基本上你点击它们来查看不同的页面内容。现在我的问题是,我正在使用CSS:focus来允许颜色在点击时改变。这用于允许用户看到他当前正在使用哪个当前锚点。

现在我的问题在于我希望其中一个锚点默认由相同的焦点规则突出显示(锚点用于主页),因为默认情况下,在页面加载时,我们已经在该锚点中。

真的会apperciate你的一些建议,谢谢

只是要更清晰,说我们得到了5个锚 A1 | a2 | a3 | a4 | A5 现在在页面加载,我想申请的重点CSS规则A1自 它的默认值,其余部分将根据改变其对

用户点击我有当前工作然而问题是,它在默认情况下不关注任何标签。一旦用户点击某个标签,它将改变哪个是正确的。它只是我希望能得到一个默认选项卡

+0

首先做一些谷歌作为其已经要求对SO,第二请进来与你已经尝试代码。谢谢。 –

+0

我没有在谷歌上找到它,你能告诉我你搜索了什么吗? –

+0

你可以从[这里]有想法(http://stackoverflow.com/questions/9482440/show-first-tab-when-page-is-loaded)和[这里](https://www.sitepoint.com/community/t/how-to-keep-the-tab-active-when-the-user-come-page-to-page/16643) –

回答

0

试试这个:

$(function(){ 
    $('#a1').click(); 
    // This will execute on page load and when click is done the focus css applied on this anchor automatically 

OR 

    $('#a1').addClass('focus'); 
    // make a css class and add to any anchor 
});