0

私はクライアント向けの Web サイトをコーディングしていますが、1 つの親の下に非常に多くのサイドバー ページがあるため、ページ リンクをクリックすると、ページをリロードせずに毎回同じ領域に読み込まれるように要求されました。また、リロード時に URL が変更されること、およびその特定の URL に移動することで各ページにアクセスできることも要求されました。残念ながら、これを行う方法がわかりません。中途半端なチュートリアルやスニペットをたくさん見つけましたが、それらは正確な機能を提供していません。

たとえば、ここにアクセスした場合: http://lookseewatch.com/independentinsurance/commercial-insurance/

彼らが提供するさまざまな種類の商業保険の長いサイドバーが表示されます. 「自動車」またはそのリンクをクリックすると、サイドバーの右側にある div 領域にページが読み込まれます。URL は、この変更を反映してhttp://lookseewatch.com/independentinsurance/commercial-insurance/automobile/に変更する必要があります。これらのページはすべて、Wordpress では個別で動的です。

誰か助けてくれませんか？現在、サイドバーは次のように生成されています。

wp_list_pages('title_li=&child_of='.$post->ID.'');

私からの他のコードが必要な場合、または機能について質問がある場合はお知らせください。

ありがとうございました！

4

2 に答える 2

0

これはちょっと複雑です。ユーザー イベントをキャッチし、デフォルトの動作を停止し、カスタム コードを実行する方法は多数あります。たとえば、アンカーのクリックをリッスンし、0 を返してリンクを読み込まないようにすることができます。

しかし、ブラウザーのアドレス バーで URL を変更すると、私の知る限り、JS はそれを制御できません。これは、Web ページ ドメインの外部にあり、外部 Web ページからブラウザー コンポーネントを制御すると、多くのセキュリティ上の欠陥が生じるためです。

これは、ヒット数を減らすためにバナーの読み込みを回避したいようです:P パフォーマンスが問題である場合は、まずキャッシュ プラグインを使用できます。キャッシュ プラグインは、すべての DB クエリを HD に格納し、新しいページを作成する代わりに、将来のページ読み込みでそれらのファイルを使用します。クエリ。

コード全体を毎回ビルドする代わりに、完全なサイドバーを PHP 変数にビルドし、それを HD にキャッシュして、そこから読み取ることもできます。静的な HTML スニペットを追加するようなものです。

于 2013-01-08T12:28:41.977 に答える
0

これは、AJAX と組み合わせた pushstate と呼ばれる手法で実行できます。これを実装する PJAX と呼ばれる優れた jQuery プラグインがあります。http://pjax.heroku.com/

wordpress サイト全体を PJAX 駆動にする WP-PJAX というプラグインを公開しました。これで問題が解決するかどうかはわかりませんが、あなたにとっては何かかもしれません。 https://github.com/pelmered/wp-pjax

于 2013-04-03T22:18:04.157 に答える