0

ナビゲートに必要なクリック数を減らして、よりユーザーフレンドリーにしたいアプリケーションを書いています。現時点では、ページは次のようにロードされます。

<a class='pageloader' name='page1.html'>Page 1</a>

<script>
    $('.pageloader').click(function(){
        // Load the page that the user clicked on by taking the name property and appending it to includes/
        $('.content').load("pages/" + this.name);
    });
</script>

基本的に、これはクリックされたリンクの名前を取得し、コンテンツ div のコンテンツを name プロパティに一致するファイル内のものに置き換えます。

今の私の唯一の問題は、適切なスタイルを持つ唯一のページが index.php であるため、HTML を使用するページに人々をリダイレクトできないことです。明らかに、アクションが終了した後、人々を index.php にリダイレクトしていますが、特定のページにリダイレクトしたいと考えています。

電話しようと思った

$('.content').load('pages/edit-plein.php');

(このコードは、ファイルに書き込む .php スクリプト内にあります)

しかし、.content divが見つからないため、エラーが発生するだけです。

ユーザーを目的のページにリダイレクトする良い方法を知っている人はいますか?

4

2 に答える 2

0

私が理解している限り、サイトの特定のサブページへのリンクを共有すると、適切なコンテンツが (その div 内で) 読み込まれるようにしたいと考えていますが、スタイルのために index.php のリンクしか共有できません。

URL に変数を追加することをお勧めします。

index.php?page=edit-plein

次に、PHP でその var を取得し、次のようにページローダーへの JS 呼び出しを作成します。

<?php
if ( $_GET['page'] != '' ) {
    echo '<script>$(".content").load("pages/'. $_GET['page'] .'");</script>';
}
?>
于 2013-04-12T08:31:00.410 に答える
0

これはリンクの良い方法ではありません:

<a class='pageloader' name='page1.html'>Page 1</a>

多分あなたはこれを試すことができます：

<a href="javascript:void(0);" class="pageloader" id="page1">Page 1</a>
<a href="javascript:void(0);" class="pageloader" id="page2">Page 2</a>

そしてJSは次のようでなければなりません：

$('.pageloader').click(function(){
  $('.content').load("pages/" + $(this).attr('id') + ".html");
});

これで問題が解決することを願っています。

于 2013-04-12T09:40:33.893 に答える