通过ajax传的div没有原有的效果
$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值时有问题或者就是一些特殊字符被转义纵使正确取出页面也没有解析。
但是针对你这个还是建议你直接返回字符串

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

JWT是一種基於JSON的開放標準,用於在各方之間安全地傳輸信息,主要用於身份驗證和信息交換。 1.JWT由Header、Payload和Signature三部分組成。 2.JWT的工作原理包括生成JWT、驗證JWT和解析Payload三個步驟。 3.在PHP中使用JWT進行身份驗證時,可以生成和驗證JWT,並在高級用法中包含用戶角色和權限信息。 4.常見錯誤包括簽名驗證失敗、令牌過期和Payload過大,調試技巧包括使用調試工具和日誌記錄。 5.性能優化和最佳實踐包括使用合適的簽名算法、合理設置有效期、

會話劫持可以通過以下步驟實現:1.獲取會話ID,2.使用會話ID,3.保持會話活躍。在PHP中防範會話劫持的方法包括:1.使用session_regenerate_id()函數重新生成會話ID,2.通過數據庫存儲會話數據,3.確保所有會話數據通過HTTPS傳輸。

SOLID原則在PHP開發中的應用包括:1.單一職責原則(SRP):每個類只負責一個功能。 2.開閉原則(OCP):通過擴展而非修改實現變化。 3.里氏替換原則(LSP):子類可替換基類而不影響程序正確性。 4.接口隔離原則(ISP):使用細粒度接口避免依賴不使用的方法。 5.依賴倒置原則(DIP):高低層次模塊都依賴於抽象,通過依賴注入實現。

PHP8.1中的枚舉功能通過定義命名常量增強了代碼的清晰度和類型安全性。 1)枚舉可以是整數、字符串或對象,提高了代碼可讀性和類型安全性。 2)枚舉基於類,支持面向對象特性,如遍歷和反射。 3)枚舉可用於比較和賦值,確保類型安全。 4)枚舉支持添加方法,實現複雜邏輯。 5)嚴格類型檢查和錯誤處理可避免常見錯誤。 6)枚舉減少魔法值,提升可維護性,但需注意性能優化。

在PHPStorm中如何進行CLI模式的調試?在使用PHPStorm進行開發時,有時我們需要在命令行界面(CLI)模式下調試PHP�...

如何在系統重啟後自動設置unixsocket的權限每次系統重啟後,我們都需要執行以下命令來修改unixsocket的權限:sudo...

靜態綁定(static::)在PHP中實現晚期靜態綁定(LSB),允許在靜態上下文中引用調用類而非定義類。 1)解析過程在運行時進行,2)在繼承關係中向上查找調用類,3)可能帶來性能開銷。
