通过ajax传的div没原有的效果
通过ajax传的div没有原有的效果
这是个图片放大展示效果,我直接放在页面上没问题,但通过ajax传过来就没有那些效果了
------解决思路----------------------
你这个有点画蛇添足了既然就是要返回字符串为什么一定要转换成json呢。直接返回不就行了吗。
1.php
你现在代码没有效果一个是你取json值时有问题或者就是一些特殊字符被转义纵使正确取出页面也没有解析。
但是针对你这个还是建议你直接返回字符串
$table="
<div id=\"preview\" class=\"spec-preview\"> <span class=\"jqzoom\"><img jqimg='images/b1.jpg' src='images/s1.jpg' /></span> </div>
<!--缩图开始-->
<div class=\"spec-scroll\"> <a class=\"prev\"><</a> <a class=\"next\">></a>
<div class=\"items\">
<ul>
<li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove=\"preview(this);\"></li>
<li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove=\"preview(this);\"></li>
<li><img alt='佳能' bimg='images/b3.jpg' src='images/s3.jpg' onmousemove=\"preview(this);\"></li>
<li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li>
<li><img alt='佳能' bimg='images/b3.jpg' src='images/s3.jpg' onmousemove='preview(this);'></li>
<li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li>
<li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li>
<li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li>
<li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li>
<li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li>
<li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li>
<li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li>
</ul>
</div>
</div>";
$result=array('table' => $table);
echo json_encode($result);
这是个图片放大展示效果,我直接放在页面上没问题,但通过ajax传过来就没有那些效果了
------解决思路----------------------
你这个有点画蛇添足了既然就是要返回字符串为什么一定要转换成json呢。直接返回不就行了吗。
1.php
$table="
<div id=\"preview\" class=\"spec-preview\"> <span class=\"jqzoom\"><img jqimg='images/b1.jpg' src='images/s1.jpg' /></span> </div>
<!--缩图开始-->
<div class=\"spec-scroll\"> <a class=\"prev\"><</a> <a class=\"next\">></a>
<div class=\"items\">
<ul>
<li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove=\"preview(this);\"></li>
<li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove=\"preview(this);\"></li>
<li><img alt='佳能' bimg='images/b3.jpg' src='images/s3.jpg' onmousemove=\"preview(this);\"></li>
<li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li>
<li><img alt='佳能' bimg='images/b3.jpg' src='images/s3.jpg' onmousemove='preview(this);'></li>
<li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li>
<li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li>
<li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li>
<li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li>
<li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li>
<li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li>
<li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li>
</ul>
</div>
</div>";
echo $table;
$.get('1.php',function(data){
$("父容器").append(data);
})
你现在代码没有效果一个是你取json值时有问题或者就是一些特殊字符被转义纵使正确取出页面也没有解析。
但是针对你这个还是建议你直接返回字符串