查询 : Menu active when click

Question

我创建菜单:

<ul id="menu">
    <li>                
        <a href="#" onclick="load(1);return false;"> Team Install</a> 
    </li>
    <li>                
        <a href="#" onclick="load(2);return false;"> PC and Laptop Service</a>
    </li>
    <li>                
        <a href="#" onclick="load(3);return false;"> Web Design and Internet Services</a>
    </li>
    <li>                
        <a href="#" onclick="load(4);return false;"> Software and Database Dev.</a>
    </li>
 </ul>
 <div id="LoadMe"></div>

这就是我在 jquery 中所做的:

<script type="text/javascript">

    $(document).ready(function () {
        $("#LoadMe").load('/Service2.html');
        $('#menu a[href="' + url + '"]').addClass('selectedcategoryServices');
    });

    function load(num) {
        $("#LoadMe").load('/Service' + num + '.html');
    }

</script>

但是当我准备好点击菜单时，菜单没有selectedcategoryServices，谁能告诉我该怎么做？

Answer 1

这样试试

$("a").click(function(){
     $("a.selectedcategoryServices").removeClass("selectedcategoryServices");
     $(this).addClass('selectedcategoryServices');

 });

检查这个demo