javascript - 使用 .load 和 jQuery 在 DIV 中加载 HTML 页面

Question

我在 PHP 中有一个函数可以渲染并返回 HTML 内容，我需要在页面加载时将该结果加载到 DIV 上。我正在这样做:

 <div id="myModal" class="reveal-modal" title="El Farol" data-animation="fade"> <a class="close-reveal-modal">&#215;</a>
     <script>
         $(document).ready(function() {
             $(this).load("http://devserver/app_dev.php/register");
         });
     </script>
 </div>

但是我什么也没得到，如果我从浏览器调用http://devserver/app_dev.php/register我会得到HTML。我做错了什么？在 DOM 完全加载或页面加载时将 HTML 内容加载到容器中的正确方法是什么？

Answer 1

你的 html 和 JS 应该像这样分开:

<div id="myModal" class="reveal-modal" title="El Farol" data-animation="fade">
</div>

 <script>
     $(document).ready(function() {
         $('#myModal').load("/app_dev.php/register", function() {
              $('#myModal').append( '<a class="close-reveal-modal">&#215;</a>' );
         });
     });
 </script>