Question

底部的按钮说“初学者”'开放水域潜水员'等.... 他们将您带到另一个页面，您可以在其中预订一系列选项并进行预订。

我们希望它不必导航到另一个页面，而是加载那些选项和所有在第一页上的div中进行计算的脚本。根据您按下的按钮取决于它将在div中加载的页面。

IFrame不起作用，因为在打开可折叠面板时它不会动态调整大小。动态驱动的AJAX脚本。 http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm 因为没有可折叠面板工作，计算脚本也不起作用。

如何做到这一点。总而言之，就像将页面底部的按钮转换为可以显示当前链接所在页面内容的标签。

这可能。

Answer 1

使用Jquery，通过$.get()方法获取数据并使用该数据执行$('#myDiv').html(data);

E.g：

HTML

<a href="#" id="getData">Get data</a>
<div id="myContainer"></div>

JS

$('#getData').click(function(){
    $.get('data.php', { section: 'mySection' }, function(data){
       $('#myContainer').html(data);
    });
});

PHP：

<?php
    if($_GET['section'] === 'mySection') echo '<span style="font-weigth:bold;">Hello World</span>';
?>

这是最简单的方法。如果您需要$.get()和/或.html()的任何帮助，请点击此处：