$("<li>").append($("<a name='attribute_value'>").css({ "vertical-align": "middle", "line-height": "25px", "height": "25px", "cursor": "pointer", "text-decoration": "none", "border": "1px solid #7A7A7A", "display": "block", "float": "left", "width": "60px", "border-right": "none", "background": "#FFFFFF", "border-bottom-color": "#FFFFFF" }).text("属性值")).appendTo(select_card_ul);
$("<li>").append($("<a name='category_value'>").css({ "vertical-align": "middle", "line-height": "25px", "height": "25px", "cursor": "pointer", "text-decoration": "none", "border": "1px solid #7A7A7A", "display": "block", "float": "left", "width": "80px" }).text("绑定分类")).appendTo(select_card_ul);
这段代码在Firefox, IE11,google 浏览器下都可以正常显示，但是在IE8中不能显示出 “属性值”和“分类”，试了好多方法方法都无法实现，各位大神可以指导一下吗？
测试过程中发现
var select_card_ul = $("<ul>").appendTo(win_goods_attribute_bar);
$("<li>").append($("<a name='attribute_value'>")).text("属性值").appendTo(select_card_ul);
$("<li>").append($("<a name='attribute_value'>")).text("分类").appendTo(select_card_ul);
这段代码在Firefox, IE11,google 浏览器下都可以正常显示，但是在IE8中可以显示 “属性值”， 无法显示 “分类”
3 个解决方案
#1
浏览器不兼容问题能整死人啊。
#2
我怎么看着写的这么麻烦呢，你这里难道不能用一个class把所有的样式分出来吗？分出来不就清晰多了。
还有，这里你要拼接的HTML元素又没有变量，干嘛不能直接都使用一个.html()，一次拼接起来？
比如：
把所有的样式放入newClass，把所有的样式，放入这个class中。把要写的text内容，直接写上。
还有，这里你要拼接的HTML元素又没有变量，干嘛不能直接都使用一个.html()，一次拼接起来？
比如：
$("#main").html("<li><a name='category_value' class = 'newClass'>绑定分类</a></li>");
把所有的样式放入newClass，把所有的样式，放入这个class中。把要写的text内容，直接写上。
#3
页面的dtd写了吗？就是<!doctype html>类似这一堆的东西。
#1
浏览器不兼容问题能整死人啊。
#2
我怎么看着写的这么麻烦呢，你这里难道不能用一个class把所有的样式分出来吗？分出来不就清晰多了。
还有，这里你要拼接的HTML元素又没有变量，干嘛不能直接都使用一个.html()，一次拼接起来？
比如：
把所有的样式放入newClass，把所有的样式，放入这个class中。把要写的text内容，直接写上。
还有，这里你要拼接的HTML元素又没有变量，干嘛不能直接都使用一个.html()，一次拼接起来？
比如：
$("#main").html("<li><a name='category_value' class = 'newClass'>绑定分类</a></li>");
把所有的样式放入newClass，把所有的样式，放入这个class中。把要写的text内容，直接写上。
#3
页面的dtd写了吗？就是<!doctype html>类似这一堆的东西。