使用.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

嘗試這個：

我在鏈接中插入了a href標簽而不是腳本...用這種方式替換鏈接會更容易。

HTML：

<div id="myModal" class="reveal-modal" title="El Farol" data-animation="fade">
<a class="close-reveal-modal" href="http://devserver/app_dev.php/register">Page 1</a>

jQuery的：

$(document).ready(function(){
  $('a').click(function(e){
     e.preventDefault();
     $("#myModal").load($(this).attr('href'));
  });
});

Answer 2

您的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>