Отображение выбранных вкладок по-разному с помощью JQuery ajax tabs - PullRequest
Новая
       12

Отображение выбранных вкладок по-разному с помощью JQuery ajax tabs

1 голос
/ 27 апреля 2010

У меня были вкладки с предварительно загруженным содержимым, как это: 

$(function () {

    $('div.tabs ul.tabNavigation a').click(function () {
        $('div.tabs ul.tabNavigation a').removeClass('selected');
        $(this).addClass('selected');
        return false;
    }).filter(':first').click();
});

Этот добавленный класс = "selected" к ссылкам и css сделали выбранную вкладку похожей 

<div class="tabs"> 
    <ul class="tabNavigation"> 
        <li><a href="#content1">c1</a></li> 
        <li><a href="#content2">c2</a></li> 
        <li><a href="#content3">c3</a></li>
    </ul> 
    <div id="content1"> 
         content 1
    </div> 
    <div id="content2">
         content 2
     </div> 
     <div id="content3"> 
        content 3 
     </div>

Теперь я пытаюсь заставить работать ajax. Ну, это работает, но у меня проблемы с получением Class = "selected" для моих ссылок.

Функция js с ajax выглядит следующим образом: 

$(function() {
    $("#tabs").tabs({
        ajaxOptions: {
            error: function(xhr, status, index, anchor) {
                $(anchor.hash).html("there was a problem");
            }
        }
    });
});

Как я могу расширить его так, чтобы он давал выбранный класс ссылок "выбранный"? Аналогично предварительно загруженной версии контента.

1 Ответ

0 голосов
/ 28 апреля 2010 
$(function() {  
    $("#tabs").tabs({
        ajaxOptions: {
            error: function(xhr, status, index, anchor) {
                $(anchor.hash).html("Laadimisel ilmnes viga");
            }
        }
    });
    $('#tabs A').click(function(){
        if($(this).hasClass('selected')){ return false; }

        $('#tabs A.selected').removeClass('selected');
        $(this).addClass('selected');       
        return false;
    });
});

Это сработало.

...