0

いくつかの基本的な機能を紹介する基本的な 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 番目の推奨事項はまだ取り組んでいます。進行状況は上に表示されます。

4

2 に答える 2

1

jQuery 関数を使用して元のページのスタイルを設定している場合は、動的に読み込まれるコンテンツでも同じことを行う必要があります。例えば:

$("#myButton").button();

XMLHttpRequest を直接使用する代わりに、jQuery の load() 関数を使用することも検討してください。(ただし、それは当面の問題には役立ちません)

$("#thesys").load("menu/"+group+"/"+sysName+".php");

読み込みが完了した後に何かをする必要がある場合は、次のように stylize() 関数にコールバックを追加できます。

$("#thesys").load("menu/"+group+"/"+sysName+".php", stylize);
于 2012-04-23T20:43:32.213 に答える
0

どのようにページをスタイルしますか? プログラムで行う場合、これは既存の要素のみをスタイルし、後で新しい要素を追加すると、スタイルが解除されます。したがって、新しく追加された要素でスタイリング メソッドを呼び出す必要があると思います

于 2012-04-23T20:41:09.647 に答える