欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css失效_html/css_WEB-ITnose

程序员文章站 2024-01-19 17:34:16
...
CSS 我在页面里边 写了个内联style 但是用js加载新的html的时候class对应了也没有效果 有什么原因可能出现这问题的么

回复讨论(解决方案)

1.看下是不是有js修改了样式
2.样式表是否有正确加载
3.看下内联样式是否有写正确
4.一段段代码排除分析,看下是哪段有问题

1.看下是不是有js修改了样式
2.样式表是否有正确加载
3.看下内联样式是否有写正确
4.一段段代码排除分析,看下是哪段有问题

我的js没有修改样式,只是加载html ;第一次加载的时候是可以的 不过我点击再次加载的时候 样式就失效了 ;js加载html有什么要注意的么


1.看下是不是有js修改了样式
2.样式表是否有正确加载
3.看下内联样式是否有写正确
4.一段段代码排除分析,看下是哪段有问题

我的js没有修改样式,只是加载html ;第一次加载的时候是可以的 不过我点击再次加载的时候 样式就失效了 ;js加载html有什么要注意的么


第一次加载的时候是可以的 不过我点击再次加载的时候 样式就失效了(你把第一次加载可以的原码和第二次再加载失效的原码对比下,看下有什么不同的地方)

js加载html没有什么要特别注意的地方,写法正确,路径写对就行了

中写的样式?

确认是不是写的“.class”
确认是不是被直接写在元素上的样式覆盖


1.看下是不是有js修改了样式
2.样式表是否有正确加载
3.看下内联样式是否有写正确
4.一段段代码排除分析,看下是哪段有问题

我的js没有修改样式,只是加载html ;第一次加载的时候是可以的 不过我点击再次加载的时候 样式就失效了 ;js加载html有什么要注意的么

用chrome或者firebug点击审查元素,可以看到动态加载后的DOM结构,对比一下就可以区分了。

建议你把代码贴出来大家看看

中写的样式?

确认是不是写的“.class”
确认是不是被直接写在元素上的样式覆盖

对 写在style里边
dom结构是一样的,我也用chrome审查元素看过了 只是js加载过其他数据

建议你把代码贴出来大家看看

代码比较长 不好贴


中写的样式?

确认是不是写的“.class”
确认是不是被直接写在元素上的样式覆盖

对 写在style里边
dom结构是一样的,我也用chrome审查元素看过了 只是js加载过其他数据
右栏那里的styles列表没有加载还是被覆盖?


建议你把代码贴出来大家看看

代码比较长 不好贴

是个日历的


//table += ('

'+monthNames[month]+' '+year+'

');
table += ('
');
table += ('
');
table += ('
');
table += monthNames[month] + ' ' + year;
table += ('
');
table += ('
>
');
table += ('
');
// uncomment the following lines if you'd like to display calendar month based on 'month' and 'view' paramaters from the URL
//table += ('');
//table += ('');
table += ('');

table += '';

for (d = 0; d table += '';
}

table += '';

var days = getDaysInMonth(month, year);
var firstDayDate = new Date(year, month, 1);
var firstDay = firstDayDate.getDay();

var prev_days = getDaysInMonth(month, year);
var firstDayDate = new Date(year, month, 1);
var firstDay = firstDayDate.getDay();

var prev_m = month == 0 ? 11 : month - 1;
var prev_y = prev_m == 11 ? year - 1 : year;
var prev_days = getDaysInMonth(prev_m, prev_y);
firstDay = (firstDay == 0 && firstDayDate) ? 7 : firstDay;

var i = 0;
var tempDate = "";
for (j = 0; j
if ((j //pre month
table += (' tempDate = prevYear.toString() + '-' + (prevMonth).toString() + '-' + (prev_days - firstDay + j + 1).toString();
table += (' onclick=\"javascript:$.fn.dateevent(\'' + tempDate + '\');\"');
table += ('>');
table += ('' + (prev_days - firstDay + j + 1) + '');
} else if ((j >= firstDay + getDaysInMonth(month, year))) {
//next month
i = i + 1;
table += (' table += (' onclick=\"javascript:$.fn.dateevent(\'' + nextYear.toString() + '-' + (nextMonth).toString() + '-' + i.toString() + '\');\"');
table += ('>');
table += (' table += ('>');
table += i;
table += ('');
} else {
//now month
table += (' table += (' onclick=\"javascript:$.fn.dateevent(\'' + year.toString() + '-' + (month + 1).toString() + '-' + (j - firstDay + 1).toString() + '\');\"');
table += ('>');
table += (' table += ('>');
table += (j - firstDay + 1);
table += ('');
}
if (j % 7 == 6) table += ('');
}

table += ('
' + dayNames[d] + '
');css失效_html/css_WEB-ITnose

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

相关文章

相关视频


相关标签: css失效