載入頁面內的另一個

的所有內容和腳本。如果你去這個頁面上我們的網站： 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

載入頁面內的另一個

回答

相關問題