Joomla javascript的css类没有更新
Joomla javascript css class not updating
我使用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方法(和我的步进代码),它看起来好像类被删除,但元素似乎没有更新。乔姆拉会不会在某种程度上干扰了这一切?
把我逼疯了!由于
你为什么不试着用
$(obj).children().each(function (index) {
if ($(this).nodeName.toLowerCase() == 'li')
{
$(this).removeClass('clickedstate');
}
});
相关文章:
- jQuery整个页面正在重新加载以更新css
- 在Scroll上更新CSS代码:简化它就不会了'不要使用JQuery和最简单的Javascript
- 通过两种方法创建和更新 CSS
- 在小间隔内通过javascript更新css时,会出现断断续续的动态观察动画
- 使用jQuery更新CSS属性
- 具有新创建的行的 Javascript tr 单击事件(更新 css)
- Javascript 动态更新 CSS
- 强制定时更新 CSS 文件
- 文件观察器在咕噜咕噜不更新 css 中更少
- 在冲突时更新 CSS
- 为什么当媒体查询更新 CSS 规则时,修改 CSS 规则会失败
- 使用 Angular 动态更新 CSS 类
- 动态更新 CSS
- $.each不更新css宽度
- 更新CSS规则属性值
- 为Modal动态backbone.js更新css
- 如何使用jQuery动态更新CSS样式列表
- 改变在IE 11中不工作的DIV的旋转速度,使用JS来更新CSS动画属性
- 使用jQuery更新CSS变换值
- 使用接收到的对象更新css设置