Rumah > pembangunan bahagian belakang > tutorial php > 通过ajax传的div没原有的效果

通过ajax传的div没原有的效果

WBOY
Lepaskan: 2016-06-13 12:12:00
asal
864 orang telah melayarinya

通过ajax传的div没有原有的效果

<br />$table="<br />      <div id=\"preview\" class=\"spec-preview\"> <span class=\"jqzoom\"><img  jqimg='images/b1.jpg' src='images/s1.jpg' / alt="通过ajax传的div没原有的效果" ></span> </div><br />    <!--缩图开始--><br />    <div class=\"spec-scroll\"> <a class=\"prev\"><</a> <a class=\"next\">></a><br />      <div class=\"items\"><br />        <ul><br />          <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove=\"preview(this);\"></li><br />          <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove=\"preview(this);\"></li><br />          <li><img alt='佳能' bimg='images/b3.jpg' src='images/s3.jpg' onmousemove=\"preview(this);\"></li><br />          <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li><br />          <li><img alt='佳能' bimg='images/b3.jpg' src='images/s3.jpg' onmousemove='preview(this);'></li><br />          <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li><br />          <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li><br />          <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li><br />          <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li><br />          <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li><br />          <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li><br />          <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li><br />        </ul><br />      </div><br />    </div>";<br /><br /><br />$result=array('table' => $table);<br />  echo json_encode($result);<br /><br />
Salin selepas log masuk


这是个图片放大展示效果,我直接放在页面上没问题,但通过ajax传过来就没有那些效果了
------解决思路----------------------
你这个有点画蛇添足了既然就是要返回字符串为什么一定要转换成json呢。直接返回不就行了吗。
1.php
<br />$table="<br />      <div id=\"preview\" class=\"spec-preview\"> <span class=\"jqzoom\"><img  jqimg='images/b1.jpg' src='images/s1.jpg' / alt="通过ajax传的div没原有的效果" ></span> </div><br />    <!--缩图开始--><br />    <div class=\"spec-scroll\"> <a class=\"prev\"><</a> <a class=\"next\">></a><br />      <div class=\"items\"><br />        <ul><br />          <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove=\"preview(this);\"></li><br />          <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove=\"preview(this);\"></li><br />          <li><img alt='佳能' bimg='images/b3.jpg' src='images/s3.jpg' onmousemove=\"preview(this);\"></li><br />          <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li><br />          <li><img alt='佳能' bimg='images/b3.jpg' src='images/s3.jpg' onmousemove='preview(this);'></li><br />          <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li><br />          <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li><br />          <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li><br />          <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li><br />          <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li><br />          <li><img alt='佳能' bimg='images/b1.jpg' src='images/s1.jpg' onmousemove='preview(this);'></li><br />          <li><img alt='佳能' bimg='images/b2.jpg' src='images/s2.jpg' onmousemove='preview(this);'></li><br />        </ul><br />      </div><br />    </div>";<br />  echo $table;<br />
Salin selepas log masuk

$.get('1.php',function(data){<br />   $("父容器").append(data);<br />})
Salin selepas log masuk

你现在代码没有效果一个是你取json值时有问题或者就是一些特殊字符被转义纵使正确取出页面也没有解析。
但是针对你这个还是建议你直接返回字符串

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan