载入页面内的另一个

的所有内容和脚本。如果你去这个页面上我们的网站： http://www.divethegap.com/scuba-diving-programmes-dive-the-gap/dahab-divemaster-training.html 载入页面内的另一个

底部是说'初学者“开放水域潜水员”等等.... 他们采取的按钮你到另一个页面，你有一系列的选项，并可以预订。

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

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

这是怎么做到的。总结起来，就好像将页面底部的按钮转换成可以显示那些按钮当前链接到的页面的内容的标签。

这是可能的。

来源

2010-04-20 Robin I Knight

使用jQuery，通过$.get()方法获取数据，并使用这些数据做$('#myDiv').html(data);

如：

HTML

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

$('#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()看任何帮助，在这里：

来源

2010-04-20 16:41:00 Ben

一切看起来不错。我明天会试一试。非常感谢 – 2010-04-20 19:00:00

非常未知的结果，我不知道从哪里开始。看看你自己。 http://www.divethegap.com/scuba-diving-programmes-dive-the-gap/programme-pages/dahab-divemaster/divemaster-trainingA.php – 2010-04-21 14:13:41

你有这个''和'Get data'，那不是我贴在那里。另外，你在同一页面中包含Jquery 1.2.2和1.2.3，试着使用1.4.2。 – Ben 2010-04-21 18:17:40

载入页面内的另一个

回答

相关问题