0

ナビゲーション項目をクリックするたびに特定のページのセクションに読み込まれる簡単なデモで jquery 履歴プラグインを使用していますが、新しいリンクをクリックするたびにHistory.Adapter.bind(window, 'statechange', function()コードが複製されることがわかりました。コードがこの関数内で終了するたびにこれをバインド解除することは可能ですか、またはこれでどこが間違っている可能性があるか誰かにアドバイスできますか?

私のテストページhttp://kylehouston.com/_testing/history/page1.html

JS

navLink.on('click', function(e) {

        e.preventDefault();

        var el = $(this);

        //get the href and remove begining /
        url = el.attr('href')
            .slice(1);

        //do a check to see if this link is already active
        if (el.hasClass('is-active')) {
            return false;
        }

        navLink.removeClass('is-active');
        el.addClass('is-active');


        History.pushState(null, null, url);


        // Bind to StateChange Event
        History.Adapter.bind(window, 'statechange', function() {
            var State = History.getState();

            mainContent.fadeOut(function() {
                $(this)
                    .empty();

                console.log('this ran');

                preloader.fadeIn();

                loadContent(mainContent, location.pathname);
            });

            History.Adapter.unbind();
        });


        //empty mainContent then empty it
        mainContent.fadeOut(function() {
            $(this)
                .empty();

            //display preloader
            preloader.fadeIn();

            //check if content already exists in pages{} if not then make call then save to pages{} or retrieve from pages{} if already exists
            loadContent(mainContent, url);
        });
    });
4

1 に答える 1

1

動かしてみましたか

// Bind to StateChange Event
History.Adapter.bind(window, 'statechange', function() {
    var State = History.getState();

    mainContent.fadeOut(function() {
        $(this).empty();
        console.log('this ran');
        preloader.fadeIn();
        loadContent(mainContent, location.pathname);
    });           
});

前

navLink.on('click', function(e){
于 2013-09-05T12:59:25.700 に答える