时间:2021-05-18
我实现的功能是添加标签,无刷新地添加到标签列表的最后,见下图中第二行,样式明显有问题
我反反复复地检查了chrome console的html结构,都是一样一样的,在IE和FF下我也认真比较过的,还是没有区别。见下图
同样的html结构,同样的style,竟然展现的样式差异很大,一时没了想法,像个无头苍蝇。索性我就把console下的html复制到notepad++进行对比,看出了一点端倪,见下图。左侧为js生成的html,右侧为页面(.aspx)中的html
引起样式差异的原因可能就是左侧缺少换行,我就在每行字符的末尾加了换行符”\n”,这样样式的问题就解决拉
复制代码 代码如下:
var html =
[
"<li id=\"litem_{0}\">\n".format(catId),
"<div>\n",
"<span class=\"checkbox\"><input type=\"checkbox\" name=\"cbItem\" value=\"{0}\" /></span>\n".format(catId),
"<span class=\"name\">{0}</span>\n".format(catName),
"<span><a href=\"javascript:void(0);\" onclick=\"Blog.Cat.edit({0});\">[编辑]</a><a href=\"javascript:void(0);\" onclick=\"Blog.Cat.delCat({0});\">[删除]</a></span>\n".format(catId),
"</div>",
"<div style=\"display:none;\">\n",
"<span><input type=\"text\" value=\"{0}\"/></span>\n".format(catName),
"<span><button type=\"button\" class=\"button\" onclick=\"Blog.Cat.setCat({0});\">确定</button></span>\n".format(catId),
"<span><button type=\"button\" class=\"button\" onclick=\"Blog.Cat.cancel({0});\">取消</button></span>\n".format(catId),
"</div>\n",
"</li>\n"
].join("");
经过长时间的思考,解决一个问题,好开心!
作者:清流鱼
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
做站时中因为不同的浏览器对样式的解析方法不一样,会造成了页面兼容问题。针对不同浏览器写不同css样式,每个人都知道有几种浏览器的市场份额比较多,可以说解决网
主要是针对低版本的浏览器是html的注释标签,高版本的浏览器会识别标签是样式表,并忽略里面的html注释标签,会解析它,低版本的浏览器有的不识别标签,就会把样式
修改index.template.html,加入一段js获取浏览器窗口的宽高,根据浏览器窗口宽高修改css样式,html,body{height:100%;wi
由于谷歌浏览器默认安装到C盘下,所以,有些朋友会把下载的谷歌浏览器安装程序解包使用,但是会出现未注册类的提示,本文介绍该问题的解决方法。1、由于谷歌浏览器默认安
手机网页自动跳转的解决方法是: 1、清除手机上网历史记录。 2、使用自带浏览器观察是否会出现同样的情况,排除是否为第三方浏览器问题。 3、打开浏览器、找到