2013-04-12 54 views
0

我正在編寫一個應用程序,希望通過移除導航所需的點擊量來提高用戶的友好性。 目前的頁面加載像這樣:在html重定向後調用JQuery .load

<a class='pageloader' name='page1.html'>Page 1</a> 

<script> 
    $('.pageloader').click(function(){ 
     // Load the page that the user clicked on by taking the name property and appending it to includes/ 
     $('.content').load("pages/" + this.name); 
    }); 
</script> 

Basicly這需要被點擊鏈接的名稱,替換內容div的與任何是name屬性相匹配的文件中的內容。現在

我唯一的問題是,我不能人重定向到使用HTML,因爲有適當的造型唯一的頁面的index.php頁面。 很明顯,我現在正在將行爲重定向到index.php,但我想將它們重定向到特定的頁面。

我想過打電話

$('.content').load('pages/edit-plein.php'); 

(此代碼是一個.PHP腳本,寫入到一個文件中)

但這只不過是給了我一個錯誤,因爲它無法找到。內容DIV。

會有人知道一個很好的方法,以用戶我想要的頁面重定向?

回答

0

據我瞭解,當您將共享鏈接指向您網站上特定子頁面的鏈接時,您希望將正確的內容加載(在div內),但只能共享index.php的鏈接,因爲它的造型。

我建議你一個變量添加到您的網址,即像

index.php?page=edit-plein 

然後得到與PHP是無功,並創建一個JS調用您的pageloader,像這樣:

<?php 
if ($_GET['page'] != '') { 
    echo '<script>$(".content").load("pages/'. $_GET['page'] .'");</script>'; 
} 
?> 
0

這不是鏈接的好方法:

<a class='pageloader' name='page1.html'>Page 1</a> 

也許你可以試試這個:

<a href="javascript:void(0);" class="pageloader" id="page1">Page 1</a> 
<a href="javascript:void(0);" class="pageloader" id="page2">Page 2</a> 

和JS必須是這樣的:

$('.pageloader').click(function(){ 
    $('.content').load("pages/" + $(this).attr('id') + ".html"); 
}); 

我希望這能解決你的問題。

+0

不是。我想知道一個很好的方式來重定向到我的索引與包含的某個文件,而不是這個。 – Parrotmaster