2009-11-28 97 views
0

我目前正在codeigniter中建立一個網站,它是一個頁面的網站,基本上一個用戶來到頁面,他們用該菜單中的主菜單創建他們選擇他們想要的網站的哪些部分看到並點擊相關的鏈接...點擊這些鏈接應該在他們自己的手風琴菜單中顯示內容。CodeIgniter,jQuery和AJAX

我的問題是我認爲最簡單的方法來做到這一點將加載使用jQuery和AJAX選定的意見?如果我在錯誤的線路上會有更好的解決方案,我也無法找到任何關於使用ajax加載視圖的信息,有沒有人有任何建議?

回答

6

是的,你可以很容易地在你的菜單和鏈接綁定點擊事件,這樣的加載與AJAX和jQuery,內容:

$("a.menuitem").click(function() { 
    var link = $(this), url = link.attr("href"); 
    $("#content_pane").load(url); 
    return false; // prevent default link-behavior 
}); 

但是,走這路線,你放棄一些關鍵功能瀏覽器。後退按鈕不起作用。您的用戶無法爲任何子頁面添加書籤。有解決方法(如jquery history plugin),但要替換每個用戶瀏覽器原生的功能,這將是一項很多工作。

+0

感謝我試圖實現這一點,但它只是導航到一個新的頁面,而不是將內容添加到當前屏幕的任何想法? – Udders 2009-11-28 21:04:45

+0

如果您按照書面方式執行此操作,則還需要確保鏈接具有類「menuitem」,並且您當前的屏幕具有ID爲「content_pane」的元素。這不僅僅是一個現成的代碼片段的例子。 – Magnar 2009-11-28 21:14:03

+0

是的。但是,如果我們讓瀏覽限制阻止我們*咳嗽* IE *咳嗽*我們仍然會使用CSS1,表格佈局和iframe :) – Atli 2009-11-28 21:15:44