Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Jquery tabs - проблемма 2 раза клик
 
 автор: RaiDeRz   (11.09.2008 в 11:21)   письмо автору
 
 

Вообщем у меня проблемма при нажатии на вкладку чтобы другая открылась происходит почему двойнное нажатие на нее, почему-то onclick 2 раза срабатывает в чем может быть проблемма? код приведен ниже....
p.s. не надо мне предлагать исп. готовые варианты UI Tabs

Css:
ul.tabs {
    height: 25px;
    line-height: 25px;
    margin: 0 0 3px;
    list-style: none;
}
html ul.tabs {margin-bottom: 0;}
ul.tabs li {
    float: left;
    margin-right: 1px;
}
ul.tabs li a {
    display: block;
    padding: 0 13px 1px;
    margin-bottom: -1px;
    color: #444;
    text-decoration: none;
    cursor: pointer;
    background: #F9F9F9;
    border: 1px solid #EFEFEF;
    border-bottom: 1px solid #F9F9F9;
    position: relative;
}
html ul.tabs li a {float: left}
html ul.tabs li a {float: left}
ul.tabs li a:hover {
    color: #F70;
    padding: 0 13px;
    background: #FFFFDF;
    border: 1px solid #FFCA95;
}
ul.tabs li.tab-current a {
    color: #444;
    background: #EFEFEF;
    padding: 0px 13px 2px;
    border: 1px solid #DDD;
    border-bottom: 1px solid #EFEFEF;
}

div.fragment-2,
div.fragment-3,
div.fragment-4,
div.fragment-5,
div.fragment-6,
div.fragment-7,
div.fragment-8,
div.fragment-9 {
    display: none;
}
div.fragment-1,
div.fragment-2,
div.fragment-3,
div.fragment-4,
div.fragment-5,
div.fragment-6,
div.fragment-7,
div.fragment-8,
div.fragment-9 {
    border: 1px solid #DDD;
    background: #EFEFEF;
    padding: 0 12px;
}


Html:
<table><tr><td><div id="menu"><ul class="tabs tabs1" style="height: 30px;width: 1000px"><li class="fragment-1 tab-current"><a href="/cabinet/competitor/templates/select_vacancy.php" onclick="return false;">Подборка вакансий</a></li><li class="fragment-2"><a href="/cabinet/competitor/profile.php" onclick="return false;">Личные данные</a></li><li class="fragment-3"><a href="/cabinet/competitor/resume.php" onclick="return false;">Резюме</a></li><li class="fragment-4"><a href="/cabinet/competitor/templates/private_msg.php" onclick="return false;">Личные сообщения</a></li><li class="fragment-5"><a href="/cabinet/competitor/templates/tickets.php" onclick="return false;">Тиккеты</a></li><li class="fragment-6"><a href="/cabinet/competitor/templates/responses.php" onclick="return false;">Отклики</a></li></ul></div></td></tr></table>


JS:
$(document).ready(function() {

$('ul.tabs li').css('cursor', 'pointer');

$('ul.tabs.tabs1 li').click(function(){
    var thisClass = this.className.slice(0,10);
    $('div.fragment-1').hide();
    $('div.fragment-2').hide();
    $('div.fragment-3').hide();
    $('div.fragment-4').hide();
    $('div.fragment-5').hide();
    $('div.fragment-6').hide();
    $('div.' + thisClass).html('<center><img src="/files/images/loading.gif"/></center>');
    $('div.' + thisClass).show();
    $('ul.tabs.tabs1 li').removeClass('tab-current');
    $(this).addClass('tab-current');
    alert($("ul.tabs.tabs1 li[class*='tab-current'] a").attr('href'));
    //$('div.' + thisClass).load();
    });

});

  Ответить  
 
 автор: ONYX   (11.09.2008 в 14:19)   письмо автору
 
   для: RaiDeRz   (11.09.2008 в 11:21)
 

Нормально все

  Ответить  
 
 автор: RaiDeRz   (11.09.2008 в 15:07)   письмо автору
 
   для: ONYX   (11.09.2008 в 14:19)
 

Если бы все было нормально я бы даже и не спрашивал почему так
Так что никто не знает в чем может быть проблемма

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования