Question

jquery + ajax做的无刷新加载,只有IE显示有问题

火狐,OPERA,GOOGLE浏览器这些都测试正常,就是IE内核的显示有问题

jquery部分
//点击最新BLOG或者最新回复列表
$("#new li,#titlelist li").live("click",function(){
var v =$(this).get(0).value;
$.post(
"oneblog.php",
{id_b:v,l:l},
function(data){
$("#mainblog").html(data);
$(".commentul").show();
}
)
});
PHP部分
<?php
require('conn.php');
$id_b = $_POST['id_b'];
$blogselect = mysql_query("select * from blog where id_b=$id_b") or print(mysql_error);
$show = mysql_fetch_assoc($blogselect);
$commselect = mysql_query("select * from comment where id_b=$id_b") or print(mysql_error);
while ( $comrows = mysql_fetch_assoc($commselect))
{
$comrs[] = $comrows;
}

include('oneblog.html');

HTML部分
<ul class="blogul">
<li class="backall oc" value='1'><----</li>
<li class="blog" value="<?= $show['id_b'] ?>">
<div class="bg">
<h4 class='blogtitle oc'><img src="png/heimao.png" />:<?= $show['title'] ?></h4>
<div class="blogtxt">
<?= $show['content'] ?>
</div>
<div class="message">
<span><?= $show['timestamp'] ?></span>
<span class="comm oc"> 回复</span>
<span class="commnum oc">(<?php require('commnum.php');?>) </span>
</div>
</div>
<!--回复部分-->
<ul class="commentul">
<span class="commtxt">
<?php if ($comrs !== null){foreach($comrs as $comrow):?>
<li value="<?= $comrow['id_c']?>" class="comment">
<div class="commenttxt">
<b><?= $comrow['name'] ?>:</b><?= $comrow['comm'] ?>
</div>
<div class="message">
<span><?= $comrow['link']?> <?= $comrow['timestamp_c'] ?>
</div>
</li>
<?php endforeach;} ?>
<li>
<?include('commform.html')?>
</li>
</ul>
</li>
</ul>
http://i3.6.cn/cvbnm/7d/f3/85/02a8d4675e12c70b5875701631d0097b.jpg-----这个是火狐正常显示的内容 ;
下面这张是IE显示的
补充:HTML代码应该没问题,这个页面单独打开显示是完整的,就是被加载进主页面的时候,就只剩下回复框了
CSS部分
.blogul,.backall{
list-style:none;
margin:0;
padding:0;
border:0;
}
.blog{
margin:10px;
padding:10px;
border:1px dashed #CC0000;
overflow:auto;
}
.bg{
background:url(../gif/moodbg.gif) left bottom no-repeat;
margin-bottom:10px;
}
.blogtitle{
margin:0 0 0 20px;
padding:0;
font-size:20px;
font-family:"微软雅黑", "黑体";
color:#FF0000;
}
.blogtxt{
padding:0 0 40px 40px;
text-indent:24px;
line-height:20px;
}
.message{
text-align:right;
margin-right:10px;
padding:0px;
}
.commentul{
list-style:none;
border:1px dashed #CC0000;
padding:0;
display:none;
}
.comment{
margin:20px 10px 10px 40px;
border-bottom:1px dashed #CC0000;
list-style-image:url(../png/

Answer 1

这个很正常，我没有细看你的代码，ie对html和css支持的都比较差，jquery大量引入了html5 css3，IE只有很少一部分可以支持，并且各浏览器支持的程度也不一样

要么你用低版本的 jquery，要么不要用某些效果

Answer 2

HTML代码有点乱.看不太清楚.从截图显示来看,不是ajax的问题.而是怀疑HTML代码写得对浏览器兼容性不好.建议将使用保存HMTL源代码的方式来修改源代码,先保证在IE\FF\等浏览器测试通过后再使用ajax调用.

Answer 3

别的浏览器没问题，说明这跟AJAX调用没有关系，这明显就是显示不兼容的问题，css的代码贴出来看一下，应该是里面没有顾全到浏览器的兼容性

<----
这个东西有可能会把你的代码注释掉哦，小心在IE下，忽然发现的

Answer 4

太笼统了...什么问题..有没有报错..

建议你看下返回值.

还有..你 post 的参数 .

一步一步调试.建议这么办.
1 查看POST参数
2 看返回值
3 不用 参数 模拟添加一个值.