Question

我有一种带有突出显示的活动菜单项的下拉菜单：http://jsfiddle.net/4r5vg/105/

HTML 的

<ul id="navlist">
    <li id="home"><a class="nav" href="home">Home</a>
    </li>
    <li id="about"><a class="nav" href="about-us">About Us</a>
    </li>
</ul>

的jQuery

$('#navlist a').click(function (e) {
    e.preventDefault();
    $('#navlist a').removeClass('selected');
    $(this).addClass('selected');
});

CSS

    .selected {
        font-weight:bold;
}

是否可以使用表达式将jQuery代码放在.selected中以使链接变为粗体？

Answer 1

不幸的是，css是样式标记而不是编程语言。你不能在css块中使用jQuery或javascript。但是，您可能需要查看LESS or SASS。

而不是试图使事情复杂化，你可以在页面加载时写入简单的jquery，（或者更确切地说是DOM就绪）

// this block runs once dom is ready
$(function(){  
    //thats your bolding code
    $(".selected").css({"font-weight":"bold"});
});

它可以实现相同的结果，而不会使事情复杂化。

将jQuery代码放在css表达式中

1 个答案: