1

履歴プラグイン機能を（本当に単純な）ajaxコードに追加する方法がわかりません。

これまでの私のコードは次のとおりです。

$(function() {

    $.ajaxSetup({ cache: true });
    var hijax = $('ul.hijax a');
    var loader = $('<div id="spinner"></div>');
    hijax.click(function(e){
      hijax.removeClass('ajax-on');
        $(this).addClass('ajax-on');
        var url = $(this).attr('href') + ' #biog-container';
        $("#ajax-container").html(loader).load(url);
        e.preventDefault();
    });
});

これにより、IDが「biog-containers」のdivを含むリンクされたページのコンテンツがプルされます（これは、人々の経歴へのリンクを持つ名前のリストです。これは、バロックオーケストラのサイトです！）。

ajax呼び出しはうまく機能しますが（yay jQuery！）、履歴プラグインのサポートを追加することについてグーグルでググってみました。

助けてくれてありがとう。

4

1 に答える 1

1

スクリプトを介してクリックされたアイテムを保持したまま、グローバル配列を作成できます。クリックするたびに要素をプッシュしますが、最後のアイテムを提示していると、返品アイテムにはなりません。

戻り点で、配列に複数のアイテムがあるかどうかを確認し、1つのアイテムをプルして破棄し（そのアイテムは現在のページを表します）、別のアイテムをプルしてクリックをトリガーします。

このコードはテストされていません！：

$(function() {
    var links = new Array(),
    hijax = $('ul.hijax a'),
    loader = $('<div id="spinner"></div>'),
    container = $('#ajax-container'),
    content = container.html();

    $.ajaxSetup({ cache: true });

    hijax.click(function(e){
        var $this = $(this),
        url = $this.attr('href') + ' #biog-container';

        e.preventDefault();
        links.push($this);

        hijax.removeClass('ajax-on');
        $this.addClass('ajax-on');
        container.html(loader).load(url);
    });

    $('#back-button').click(function(e){
        var link;
        e.preventDefault();

        if (links.length > 1) {
            // This represents the current link
            links.pop();
            // This represents the past link
            link = links.pop();
            link.click();
        }
        else {
            // This may be empty, or represent the current content
            links.pop();
            // Show the original content
            container.html(content);
        }
    });
});
于 2011-01-10T04:35:41.593 に答える