ajax响应和类定义

时间:2014-05-21 17:19:21

标签: jquery css ajax

我正在运行ajax函数:

$.ajax({
    type: "POST",  
    url: "tester2.php",
    data: "username="+username+"&password="+password+"&sessionId="+sessionId,
    success: function(result){
        if (result.length > 0){
            $('#waiting').empty();
            $('#newLine').append(result);
        }
    }
});

结果等于

 <li class='dog'>Dog</li>

 <li class='cat'>Cat</li>

ajax将此li附加到div。

  <div id='newLine'></div>

结果只是换行符div中的新行。我有一个带有猫或狗属性的css(改变字体颜色),这对字体颜色没有影响。有什么想法吗?

这可以在firefox中按预期工作,而不是在chrome ...

1 个答案:

答案 0 :(得分:0)

see this fiddle

将请求更改为php文件上的GET,

访问tester2.php?username=username&password=password&sessionId=sessionId (insert true vars) 并看到输出。复制文本并放在上面的小提琴上。检查问题是否仍然存在

HTML

<div id='newLine'></div>
<button>click</button>

JS

$('button').click(function(){
$('#newLine').append("<li class='dog'>Dog</li>");
});

CSS

#newLine .dog 
{
     color:#F00;
}