小编C D*_*Dog的帖子

使用Jquery在导航菜单中突出显示父链接

我正在使用以下Jquery来突出显示导航中当前页面的链接.

// Add Active Class To Current Link
var url = window.location; // get current URL
$('#nav a[href="'+url+'"]').addClass('active');
Run Code Online (Sandbox Code Playgroud)

我的导航看起来像这样:

<nav>
  <ul id="nav">
    <li><a href="">Home</a></li>
    <li><a href="">About Us<b class="caret"></b></a>
      <ul>
        <li><a href="">Sub Link 1</a></li>
        <li><a href="">Sub Link 2</a></li>
        <li><a href="">Sub Link 3</a></li>
      </ul>
    </li>
    <li><a href="">Products</a></li>
    <li><a href="">Contact</a></li>
  </ul>
</nav>
Run Code Online (Sandbox Code Playgroud)

导航具有"关于我们"部分的子视图.

我希望"关于我们"链接接收"活动"类,以便在我的某个子查询页面上时它会保持突出显示.

例如,如果我在"子链接2"页面上,则"关于我们"链接将被赋予活动类.

任何人都能指出我在正确的方向吗?

谢谢你的帮助

navigation jquery

4
推荐指数
1
解决办法
2147
查看次数

使用Twitter Bootstrap的1/3列

我用Twitter Bootstrap 2.0创建了一个自定义网格,我试图弄清楚如何更新网格以允许我使用1/3和1/2列.

它看起来像1.0你可以使用:

<div class="span-one-third"></div>
Run Code Online (Sandbox Code Playgroud)

有没有人能够想办法用2.0做类似的事情,还是我忽略了什么?

谢谢

twitter-bootstrap

2
推荐指数
1
解决办法
2万
查看次数

悬停时替换图像并单击链接

我正在尝试建立一个如下图所示的页面。

这是使我挂断的部分...

当我“悬停”或“单击”它下面的链接之一时,我想替换主图像。主图像下方的每个链接都有其自己的特定图像。然后,我想使链接图像“切换”开/关。

我试图用纯CSS来做到这一点,并且遇到了很多困难。

在此处输入图片说明

谢谢你的帮助。

javascript jquery toggle hover

1
推荐指数
1
解决办法
2360
查看次数