$table=" <div id=\"preview\" class=\"spec-preview\"> <span class=\"jqzoom\"><img jqimg='images/b1.jpg' src='images/s1.jpg' / alt="通过ajax传的div没有原有的效果" ></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传过来就没有那些效果了
回复讨论(解决方案)
看你的js代码是如何写的? 可以在控制台看下报错了没。
js是如何获取服务端json数据,以及展示。
$('你的容器元素').append($('服务器返回的Json数据,应该是html标签内容'))就可以了
你这个有点画蛇添足了既然就是要返回字符串为什么一定要转换成json呢。直接返回不就行了吗。
1.php
$table=" <div id=\"preview\" class=\"spec-preview\"> <span class=\"jqzoom\"><img jqimg='images/b1.jpg' src='images/s1.jpg' / alt="通过ajax传的div没有原有的效果" ></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值时有问题或者就是一些特殊字符被转义纵使正确取出页面也没有解析。
但是针对你这个还是建议你直接返回字符串

PHP日志记录对于监视和调试Web应用程序以及捕获关键事件,错误和运行时行为至关重要。它为系统性能提供了宝贵的见解,有助于识别问题并支持更快的故障排除

Laravel使用其直观的闪存方法简化了处理临时会话数据。这非常适合在您的应用程序中显示简短的消息,警报或通知。 默认情况下,数据仅针对后续请求: $请求 -

PHP客户端URL(curl)扩展是开发人员的强大工具,可以与远程服务器和REST API无缝交互。通过利用Libcurl(备受尊敬的多协议文件传输库),PHP curl促进了有效的执行

Laravel 提供简洁的 HTTP 响应模拟语法,简化了 HTTP 交互测试。这种方法显着减少了代码冗余,同时使您的测试模拟更直观。 基本实现提供了多种响应类型快捷方式: use Illuminate\Support\Facades\Http; Http::fake([ 'google.com' => 'Hello World', 'github.com' => ['foo' => 'bar'], 'forge.laravel.com' =>

您是否想为客户最紧迫的问题提供实时的即时解决方案? 实时聊天使您可以与客户进行实时对话,并立即解决他们的问题。它允许您为您的自定义提供更快的服务

文章讨论了PHP 5.3中引入的PHP中的晚期静态结合(LSB),从而允许静态方法的运行时分辨率调用以获得更灵活的继承。 LSB的实用应用和潜在的触摸


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

SublimeText3 英文版
推荐:为Win版本,支持代码提示!

EditPlus 中文破解版
体积小,语法高亮,不支持代码提示功能

VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器

ZendStudio 13.5.1 Mac
功能强大的PHP集成开发环境