日期:2014-05-16  浏览次数:20327 次

jquery里改变css时,如果css属性名里包含'-',就报错。能解决吗?
JScript code

$(pagination,$t).css({top:"357px",position: "relative",list-style-type:"none", margin:"0", padding:"0", float:"right", width:"200px", z-index:"600"});



pagination是一个html元素的class名字。list-style-type和z-index这里都报错,查了下好像jquery1.4.2不支持带‘-’的属性。但是换了1.4.3也不行

------解决方案--------------------
按照原生JS的写法一般都是 改为驼峰式的命名: zIndex backgroundColor
------解决方案--------------------
探讨
按照原生JS的写法一般都是 改为驼峰式的命名: zIndex backgroundColor

------解决方案--------------------
这代码写得乱七八糟的。。
首先选择器就写得不对,要改成$('.pagination',$t),而且你必须保证$t是个存在且其有class=pagination的子元素
其次,当对象属性名含有特殊字符时,必须用引用包起来,跟驼峰不驼峰没关系jquery 1.4已经支持list-style-type这种方式了
最后修改如下
JScript code
        // $t = $("...");        $(".pagination",$t).css({
            "top":"357px",
            "position": "relative",
            "list-style-type":"none", 
            "margin":"0", 
            "padding":"0", 
            "float":"right", 
            "width":"200px", 
            "z-index":"600"
        });

------解决方案--------------------
这代码写得乱七八糟的。。
首先选择器就写得不对,要改成$('.pagination',$t),而且你必须保证$t是个存在且其有class=pagination的子元素
其次,当对象属性名含有特殊字符时,必须用引号包起来,跟驼峰不驼峰没关系jquery 1.4已经支持list-style-type这种方式了
最后修改如下
HTML code
        // $t = $("...");
        $(".pagination",$t).css({
            "top":"357px",
            "position": "relative",
            "list-style-type":"none", 
            "margin":"0", 
            "padding":"0", 
            "float":"right", 
            "width":"200px", 
            "z-index":"600"
        });