0

私はワードプレスとカスタムテーマを使用しています。ブラウザの場合はメニューバーが上部に取り付けられているため、ユーザーがスクロールしてもメニューバーはそのままですが、それ以外はすべてスクロールします。

現在、サイトにさまざまなページがあり、メニューのページへのリンクをクリックすると、サイト全体がリロードされます。

しかし、私が望むのは、ページを更新せずにロードすることです。メニューは<body>セクションの外にあります。何らかの jquery でロードするページを含め、本文セクションのすべてが必要です。

たとえば、ページをクリックすると、読み込み中の画像が表示され、ページがフェードインします。

例でこれを行うスクリプトがどこにあるか知っている人はいますか?

4

2 に答える 2

1 
$(document).ready(function () {
    $('/*menu*/').click(function () {
        var url = $(this).attr('href');
        $.ajax({
            url: url
        }).done(function (result) {
            $('/*your id of placeholder*/').html(result);
        });
    });
});
于 2013-01-22T07:19:19.207 に答える
1

jqueryロードを使用する

$('#yourContentSelector').load('ajax/test.html', function() {
    $('#yourContentSelector').hide().fadeIn();
});
于 2013-01-22T07:22:24.567 に答える