php - 通过 ajax 获取另一个页面并显示数据 -> 无法显示正确的格式

Question

我有一个问题：

我有Discussions.php显示线程讨论的页面。我也有generateDiscussion.php创建讨论树的页面。

当我embedd从generateDiscussion.phpinto代码时Discussions.php，它工作正常。embed我的意思是硬编码我在Discussions.php. 正常工作是指我的讨论具有正确的格式，expand并且group图标可以按预期工作。

当我Discussions.php通过 AJAX 获取时，并将 AJAX 的响应添加到generateDiscussion.php；它没有按预期工作。

我也尝试先在 中生成树Discussions.php，然后用新树更新它。结果，第一次加载（页面内部）工作正常，但 AJAX 调用搞砸了。

<ul id="browser" class="filetree">
  <a href="#!/pageHistory">Please select a case first</a>
</ul>


                <script>
                function getResolutionBoard(caseId) {  
                    idcase=caseId;
                    jQuery(function($) {    
                        $.ajax( {           
                            url : "generateDiscussion.php?caseid="+caseId+"ts=" +new Date().getTime(),
                            type : "GET",
                            success : function(data) {
                                document.getElementById('browser').innerHTML = data;                               
                            }
                        });
                    });       
                }
                </script>

我合并了这个脚本：http: //jquery.bassistance.de/treeview/demo/

查看屏幕截图

Answer 1

你如何在 ajax 加载时初始化 javascript？

在 DOM 中加载 html 代码后$('#browser').treeview()，您需要在成功回调中调用插件的初始化方法 ( )。

 ... ajax({ ...
         success : function(data) {
             document.getElementById('browser').innerHTML = data;
             $('#browser').treeview(/*your options*/);
         }
     });