我在代码中找不到特定的样式元素,我可以使用Chrome和Firefox(firebug)中的代码编辑器进行编辑.这给我的问题,为什么视图源与实际代码不同？我知道
JQuery和
Javascript正在做一些事情(添加类和垃圾…),因为我正在使用来自JQuery UI的模态,但为什么我找不到样式元素？他们在哪？？？
源代码：
<div id="modalEmail-ESI" title="Email - ESI" class="infoModal">
从代码编辑器：
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-modalEmail-ESI" style="display: block; z-index: 1004; outline: 0px; position: absolute; height: auto; width: 800px; top: 205px; left: 577px;"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span class="ui-dialog-title" id="ui-dialog-title-modalEmail-ESI">Email - ESI</span><a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button"><span class="ui-icon ui-icon-closethick">close</span></a></div><div id="modalEmail-ESI" class="infoModal ui-dialog-content ui-widget-content" style="width: auto; min-height: 0px; height: 282px;" scrolltop="0" scrollleft="0">
解决方法
我同意Joe Enos,但还有一些其他的事情可能是原因.
>您可能正在查看电子邮件的来源,例如：
您正在查看的对象是一封电子邮件,gmail会自动编辑div,同时添加更多类或ids,以确保其用户界面不被黑客入侵或破坏.
>您正在使用与其他CSS或JS文件的链接.这里：
这是我的网站的网站布局,我正在使用代码.但一旦执行,会发生什么！几乎相反,在这里：
在检查元素中,您可以看到有很多类被添加到HTML中,这是我们从未做过的.这是从哪里来的？它的JS或CSS @media查询我不知道这一个.但是它来自那里,你可以看到我已经链接了许多JS和CSS文件.
到了点！
你所说的源代码与真实的代码有很大的不同,你有错误.因为当你使用函数写ot删除类时,你实际上知道你在调用函数的位置.例如：
function writeClass() {
$('div').addClass('someword');
}
另外,浏览器本身也不会向DOM添加任何东西.
是的,您可以动态更改css属性.用这个：
$('element').css('width','800px');
该行将覆盖您刚才提供的那个元素的任何其他CSS属性.或者换句话说,jQuery超过了从Server获得的DOM属性.
还有一件事：
你不能使用jQuery来永久地改变CSS文件的值,所以你必须使用一些服务器端的语言. jQuery可以更改网页内容一次,当页面重新加载时,它们被移回.
希望我接近点！ :)干杯,
