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>

现在，如果我点击＆＃34; registrera dig＆＃34; （注册）我想获取文件的内容并将其附加到上面的#site-wrapper div。因为它现在工作，它抓取内容并加载一个新页面，而不包括页眉和页脚文件，因为我没有将它们作为包含在文件中。根据我的理解，我认为Jquery Mobile会自动执行此操作，但它没有，我是否必须使用Jquery手动进行ajax调用，然后将内容附加到div或者是否有办法自动使用已经内置Jquery Mobile功能？ Haven能够从我的搜索中找到答案，所以希望我能在这里找到答案。

Answer 1

你需要AJAX来实现这一目标。

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

这个剪辑可以解决您的问题。将url替换为您的文件！

链接到外部页面并自动将其HTML附加到原始页面的包装器中

1 个答案: