2011-10-27 74 views
0

我想了解更多關於'ajax'的信息,到目前爲止,使用jQuery選項獲得了最成功的jQuery選項卡。我遇到的問題是:修改ajax jquery-ui選項卡還是從頭開始?

  • 標籤降級爲li's。我可以簡單地更改jquery-ui.js中的模板嗎?
  • 我無法獲得要更改頁面的標題。
  • 在頁面重新加載時,我被帶回我的主頁。
  • 書籤可能無法正常工作。
  • 選項卡附帶的計算樣式會干擾其他頁面 元素,並且似乎會減少整個頁面的模塊化。

我也在學習一些PHP,感覺這些問題可能屬於這一類。

我真正想要的是一個頁面,我可以輕鬆地控制什麼是和不重新加載,當一個錨點被點擊,並維護主頁上的腳本。

從頭開始或修改標籤中現有的ajax部分會更聰明嗎?我覺得我想要做的事情有點基本,但是小小的障礙堆積如山,尋找靈魂已經開始。

+1

jQuery UI的選項卡供變化的內容,而不是一個頁面或其結構體。要使用AJAX進行刷新/返回/收藏夾,請使用#標籤。要了解更多信息,請查看以下內容:http://sverdianto-blog.blogspot.com/2011/06/hashtag-ajax-using-jquery.html –

回答

1

更改網址的唯一方法是執行重定向,或在當前網址後添加散列(#qwerty)。如果你的意思是標題改變,你應該選擇事件處理

$(".selector").tabs({ 
    select: function(event, ui) { ... } 
}); 

你可以在那裏做適當的動作。

對於模板,你可以使用自己:

Panel: 
    $(".selector").tabs({ panelTemplate: '<li></li>' }) 

Tab: 
$(".selector").tabs({ tabTemplate: '<div><a href="#{href}"><span>#{label}</span></a></div>' }); 

您可以找到官方文檔的詳細信息和示例:Here

0

你最好使用jQuery Ajax方法(檢查http://api.jquery.com/category/ajax/)比製表符。這樣你就可以自由使用或自定義樣式,並定義應該將檢索到的內容放入哪個div/li/wharever中。只有在需要jQueryUI的樣式/功能時才使用選項卡(似乎不是這種情況)。

相關問題