JS вкладки по таблице - PullRequest
Новая
       14

JS вкладки по таблице

0 голосов
/ 28 апреля 2011

У меня есть код js и html, но это не работает. Как заставить его работать? 

<script src="js/jquery.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function () {
    var tabContainers = $('div.tabs > div');
    tabContainers.hide().filter(':first').show();

    $('div.tabs div.tabs-nav a').click(function () {
        tabContainers.hide();
        tabContainers.filter(this.hash).show();
        $('div.tabs div.tabs-nav a').removeClass('selected');
        $(this).addClass('selected');
        return false;
    }).filter(':first').click();
});
</script>

<div class="tabs">
    <div class="tabs-nav">
        <table width="100%">
            <tr>
                <td><a href="#" href="#tab-1">link-1</a></td>
                <td><a href="#" href="#tab-2">link-2</a></td>
                <td><a href="#" href="#tab-3">link-3</a></td>
                <td><a href="#" href="#tab-4">link-4</a></td>
                <td><a href="#" href="#tab-5">link-5</a></td>
                <td><a href="#" href="#tab-6">link-6</a></td>
            </tr>
        </table>
    </div>
    <div id="tab-1">
        <p>text text text</p>
    </div>
</div>

1 Ответ

0 голосов
/ 28 апреля 2011

Похоже, вы пытаетесь добавить вкладки на свою страницу.Просто используйте пользовательский интерфейс jQuery и модуль вкладок.Вот рабочий пример, просто просмотрите исходный код и скопируйте его:

http://jqueryui.com/demos/tabs/

Вы можете стилизовать их, используя темы интерфейса jQuery:

http://jqueryui.com/themeroller/

Наслаждайтесь:)

...