いくつかの基本的な機能を紹介する基本的な jQuery Web ページがありますが、基本的ではないコンポーネントもいくつかあります。ページのいくつかの部分では、外部 PHP ページを介した SQL クエリが必要です。これらのページは、GET を介してメイン Web ページにフィードされ、div に挿入されます。このアクションを実行するためのコード設計を以下に示します。
function changeSystem(sysName)
{
pageReq = "menu/"+group+"/"+sysName+".php";
$("#thesys").load(pageReq);
stylize();
}
Stylize は、私のスタイルを記述する関数に作成されました (上記の関数を介してページ作成を介して呼び出します)。
function stylize()
{
$("#form").submit(function(event) {event.preventDefault();});
$(".tabs").tabs();
$("button").button();
$(".radioset").buttonset();
$(".sortable").sortable();
$(".sortable").disableSelection();
$(".accordion").accordion();
}
応答は、ページの作成に応じていくつかのボタンとフィールドを返します。コードはある程度うまく機能します。コンテンツは表示されますが、返されたコンテンツは、ページの残りの部分にある他のすべての jQuery オブジェクトのように様式化されていません。それらは従来のボタンやフィールドとして表示され、ページのルック アンド フィールを台無しにしてしまいます。自動化されたコンテンツを静的な埋め込みコンテンツに置き換えると、ボタンが適切にスタイル設定されて表示されます。この新しいコンテンツ用にこのページのスタイルを修正するには、特殊な jQuery メソッドを呼び出す必要がありますか?
編集:
私が参照しているスタイルは、http://jqueryui.com/を介した jQuery のテーマです。境界線のスタイル、色、およびサイズは、生成されたコンテンツには引き継がれません。ボタンのテーマは、デフォルトの html テーマに似ているようです。
2番目の編集:
これらの素晴らしい推奨事項について、pilotcam に感謝します。2 番目の推奨事項を実装して大成功を収めましたが、2 番目の推奨事項はまだ取り組んでいます。進行状況は上に表示されます。