鏈接到外部頁面和原始頁面的包裝中的追加其HTML自動

Question

<?php include('header.php'); ?> 

<div data-role="page" data-theme="a" id="site-wrapper"> 
    //Here I want to keep appending the information without having to include 
    //header and footer files in every external page 
</div> 

<?php include('footer.php'); ?> 

在這裏你進入該網站時，首先土地：

<div data-role="main"> 
    <div class="center-wrapper" id="landing-container"> 
     <h2>Välkommen</h2> 
     <p><b>Befintlig användare?</b></p> 
     <a href="login.php" class="ui-btn ui-btn-inline ui-corner-all ui-shadow">Logga in</a> 
     <p><b>Ny användare?</b></p> 
     <a href="../includes/pages/register.php" class="ui-btn ui-btn-inline ui-corner-all ui-shadow">Registrera dig</a> 
    </div> 
</div> 

現在，如果我點擊「registrera挖」（註冊），我想抓取文件的內容並將其附加到上面的#site-wrapper div。由於它現在可以工作，因此它抓取內容並加載新頁面，而不包含頁眉和頁腳文件，因爲我沒有將它們包含在文件中。根據我的理解，我認爲Jquery Mobile會自動執行此操作，但它不會，我必須手動使用Jquery進行ajax調用，然後將內容添加到div中，或者有辦法使用已建好的內容自動執行此操作在JQuery的移動功能？無法從我的搜索中找到答案，所以希望我能在這裏找到答案。

Answer 1

您需要通過AJAX來實現這一點。

$("#site-wrapper").load("folder/page.html", function() { 
// Callback function 
}); 

這被剪斷會解決您的問題。將網址替換爲您的文件！