javascript - history.js を使用した iframe 内の戻るボタン

Question

私はRoRでプロジェクトを行っています。そのプロジェクトは iFrame 内にあります。そのiframeには、進むボタンと戻るボタンがあります。戻るボタンをクリックすると、ブラウザー ページ全体ではなく、iframe コンテンツが戻るはずです。「histroy.js」プラグインを使用しています。しかし、私はそれを使用する方法がわかりません。

私のコードはこれです：

$('#back-btn').on('click', function () {
    History.back();
});

$('#forward-btn').on('click', function () {
    History.forward();
});

$("a").click(function () {
    n = 1;
    q = n++;
    var s = $(this).attr("href");
    var o = 'History.pushState({state:' + q + ',rand:Math.random()}, "State 1", \"' + s + '\");'
    $("#z").empty().append('<button onclick=\'javascript:' + o + '\'>sds</button>');
    $("#z button").click();


    //this is for checking log
    (function (window, undefined) {

        var
        History = window.History, // Note: We are using a capital H instead of a lower h
            State = History.getState(),
            $log = $('#log');

        // Log Initial State
        History.log('initial:', State.data, State.title, State.url);

        // Bind to State Change
        History.Adapter.bind(window, 'statechange', function () { // Note: We are using statechange instead of popstate
            // Log the State
            var State = History.getState(); // Note: We are using History.getState() instead of event.state
            History.log('statechange:', State.data, State.title, State.url);
        });
    })(window);
})

注: 時々 ajax 呼び出しを使用しています。

ご協力ありがとうございました。