ajax jquery-uiタブを修正するか、ゼロから開始しますか？

Question

私は 'ajax'についてもっと学びたいと思っていますし、今までのところajaxオプションを使ってjqueryタブで最も成功しました。私が抱えている問題は：

• です。 jquery-ui.jsで単にテンプレートを変更することはできますか？
• 変更するページのタイトルを取得できません。
• ページのリロード時に、自分のホームページに戻ってきました。
• ブックマークが機能しない可能性があります。
• タブに付随する計算されたスタイルは、他のページ 要素と干渉し、ページ全体がモジュール化されていないように見えます。

私はまた、いくつかのPHPを学び、これらの問題のいくつかがそのカテゴリに該当するかもしれないと感じています。

私が本当に欲しいのは、アンカーをクリックしてホームページからスクリプトを保持しているときに、何がリロードされているのかを簡単に制御できるページです。

最初から始めたり、タブの既存のajax部分を修正したりするのは賢明でしょうか？私がやろうとしていることは幾分基本的なものだと思うが、小さな障害が積み重なり、魂の探索が始まっている。

Answer 1

URLを変更する唯一の方法は、リダイレクトを行うか、現在のURLの後ろにハッシュ（#qwerty）を追加することです。あなたが本当にタイトルの変更を意味する場合は、selectイベントあなたがその関数内で適切なアクションを行うことができます

$(".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

Answer 2

タブよりもjQuery Ajaxメソッド（チェックhttp://api.jquery.com/category/ajax/）を使用する方がよいでしょう。そうすれば、あなたは自由にスタイリングを使用したり、独自のスタイルを持ったりして、検索されたコンテンツをどのdiv/li/whareverに置くべきかを定義することができます。 jQueryUIのスタイル/機能が必要な場合にのみタブを使用してください（そうではないようです）。