jQuery BBQ, глубокие ссылки HREF с установленным классом --- Возможно?

Question

В настоящее время я понимаю, что jQuery BBQ требует, чтобы я использовал href вроде href = "# / stufff / 123/13"

Проблема в том, что мне нужно добавить # ко всем моим URL-адресам по всему сайту, что означает, что браузеры, не поддерживающие JavaScript, не могут использовать сайт ...

Мой вопрос, есть ли способ, которым я могу просто добавить класс ко всем HREF, которые я хочу глубоко связать? что-то вроде class = "deep-link-it-please" .... Идеи? Это также создает головную боль в Rails, который использует link_to, который не поддерживает добавление хэша # перед URL-адресом. Спасибо

Answer 1

Вам не нужно добавлять хеш к вашим URL, если вы все равно планируете их захват. С нормальными ссылками внутри моего контейнера div # и все, кажется, работает нормально, используя эту реализацию:

$("#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");

Answer 2

Как насчет добавления хеша к ссылкам, которые вы хотите перехватить?

    $('.bbq-nav a').each(function(){
       var nice = $(this).attr('href');
       $(this).attr('href','#' + nice);
    });