Joomla javascript的css类没有更新

Question

我使用joomla 1.6.4安装并在我的主题中有一个自定义的css/javascript下拉菜单。菜单的主根元素(ul)的id为'topnav'。当用户单击其中一个(li)菜单项时，它将更改为class以显示其已选中，并下拉一排子菜单(嵌入在span中)。在此之前，它使用迭代从所有其他li元素中删除该类。当我在一个最小的html页面中测试它时，它工作得很好，但是在Joomla中，下拉菜单永远不会消失，好像样式没有改变一样。当单击li子节点时，肯定会调用此代码:

function SetSelected(id)
{
    var obj = document.getElementById('topnav');
    for ( var count = 0; count < obj.childNodes.length; count++ )
    {
        if(obj.childNodes[count].nodeName.toLowerCase() == 'li')
        {
            $(obj.childNodes[count]).removeClass('clickedstate');   
        }
    }
    $(id).addClass('clickedstate');
    return;
}

根据jQuery的hasClass方法(和我的步进代码)，它看起来好像类被删除，但元素似乎没有更新。乔姆拉会不会在某种程度上干扰了这一切?

把我逼疯了!由于

Answer 1

你为什么不试着用

    $(obj).children().each(function (index) {
       if ($(this).nodeName.toLowerCase() == 'li')
       {
           $(this).removeClass('clickedstate');
       }
    });