1

現在、jQuery BBQ についての私の理解では、href="#/stufff/123/13" のような href を使用する必要があります。

それに関する問題は、サイト全体のすべての URL に # を追加する必要があることです。これは、JavaScript 以外のブラウザーがサイトを使用できないことを意味します...

私の質問は、ディープ リンクしたいすべての HREF にクラスを簡単に追加できる方法はありますか? class="deep-link-it-please" のようなもの....アイデアはありますか? また、URL の前に # ハッシュを追加することをサポートしていない link_to を使用する Rails で頭痛の種になります。

4

2 に答える 2

1

とにかくそれらをハイジャックすることを計画している場合は、URLにハッシュを追加する必要はありません。私のdiv＃container内に通常のリンクがあり、この実装を使用するとすべてが正常に機能しているようです。

$("#container a").live('click', function(){
    var hrefRequested = $(this).attr( "href" );

    // Push this URL "state" onto the history hash.
    $.bbq.pushState({ url: hrefRequested });

    // Prevent the default click behavior.
    return false;
});

// Bind a callback that executes when document.location.hash changes.
$(window).bind( "hashchange", function(e) {
    var url = $.bbq.getState( "url" );

    // Used to make sure that when you back up to the page you came in on
    // you don't get an empty page.
    if ( url == undefined ) { url = window.location.href; }

    $('#content-container').load(url + ' #container', function(response, status, xhr) {
        if (status == "success") {
            console.log('hooray!');

            // document.title = ;
            // document.location.href = hrefRequested;

            // return false;
        }

        if (status == "error") {
            var msg = "Sorry but there was an error: ";
            $("#error").html(msg + xhr.status + " " + xhr.statusText);
        }
    });

// You probably want to actually do something useful here..
});

// Since the event is only triggered when the hash changes, we need
// to trigger the event now, to handle the hash the page may have
// loaded with.
$(window).trigger("hashchange");
于 2012-01-05T18:26:45.827 に答える
1

hijaxしたいリンクにハッシュを追加するのはどうですか？

    $('.bbq-nav a').each(function(){
       var nice = $(this).attr('href');
       $(this).attr('href','#' + nice);
    });
于 2011-01-12T20:57:34.693 に答える