Показать сообщение отдельно
  #4 (permalink)  
Старый 18.07.2013, 23:21
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Да не нужны никакие замыкания.

<ul id="tabMenu"> 
    <li><a id="tab-1" href="#content-1" class="active">Первая</a></li> 
    <li><a id="tab-2" href="#content-2">Вторая</a></li> 
    <li><a id="tab-3" href="#content-3">Третья</a></li>
</ul>
<div id="tabContent">
    <div id="content-1">
        11111111111
    </div>
    <div id="content-2">
        22222222222
    </div>
    <div id="content-3">
        33333333333
    </div>
</div>
<script>
(function(){
    var tabs = document.getElementById('tabMenu').getElementsByTagName("a");
    for (var i = 0; i < tabs.length; i++) {
        tabs[i].onclick = onclick;
    }

    function onclick() {
        var id = this.hash.substring(1);
        alert(id);
    }
})()
</script>
Ответить с цитированием