Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Не отображается содержимое последующих вкладок (https://javascript.ru/forum/misc/38315-ne-otobrazhaetsya-soderzhimoe-posleduyushhikh-vkladok.html)

APdesign 27.05.2013 20:17

Не отображается содержимое последующих вкладок
 
Есть слайдер для главной, при загрузке страницы отображается содержимое первой вкладки, а содержимого второй и остальных вкладок почему-то нет. Вкладки автоматически сменяются, но их содержимое не выводится. Подскажите, в чем может быть ошибка.
Вот сам код скрипта:
var curbanid,timer_change_banner_def,timer_change_banner;
timer_change_banner_def = timer_change_banner = 5;
var arr_id = new Array();
function TimerChangeBanner()
{
	timer_change_banner--;
   if(timer_change_banner == 0){
	   key_array = ChangeBannerSlide();
	   id_block = typeof(arr_id[key_array]) == 'undefined'?arr_id[0]:arr_id[key_array];
      $("#"+id_block).click();
   }
}
function ChangeBannerSlide()
{
   for (key in arr_id)
   {
      if(arr_id[key] == curbanid)
      {
    	  return parseInt(key)+1;
      }
   }
}
$(document).ready(function() {
   curbanid = $("ul.tabs li:first").attr('id');
    //При загрузке страницы
    $(".tab_content").hide(); //Скрыть все содержимое
    $(".tab_content").css("opacity","0.0");
    $("ul.tabs li:first").addClass("active").show(); //Активируем первую вкладку
    $(".tab_content:first").show();
    $(".tab_content:first").stop().animate({opacity: 1.0}, 300); //Показать содержимое первой вкладки
    arr_id = new Array();
    i = 0;
    $("ul.tabs li").each(function(){
       arr_id[i] = this.id;
       i++;
    });
    //On Click Event
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active"); //Удалить все "активные" классы
        $(this).addClass("active"); //Добавить "активный" класс выбранной вкладке
        curbanid = $(this).attr('id');
        timer_change_banner = timer_change_banner_def;
        $(".tab_content").stop().animate({opacity: 0.0}, 300, function(){$(this).hide();} ); //Скрыть все содержимое вкладки
        var activeTab = $(this).find("a").attr("href"); //Найти значение атрибута href выявления активного содержимого + вкладки
        $(activeTab).show();
        $(activeTab).stop().animate({opacity: 1.0}, 300);
        return false;
    });
    setInterval(function(){TimerChangeBanner();},1000);
});

mta88 28.05.2013 05:31

так не годится, покажите живой код на хостинге, с картинками и css

APdesign 16.07.2013 22:29

Вот сайт: radioalla.net, на главной странице слайдер

рони 16.07.2013 23:29

APdesign,уберите наклонные и возможно обретёте желаемое /#tab01 в href
<li id="li01"><h3><a href="/#tab01">«В гостях у Аллы»</a></h3></li>
<li id="li02"><h3><a href="/#tab02">«Алла Tour»</a></h3></li>
<li id="li03"><h3><a href="/#tab03">«Алла Chart»</a></h3></li>

APdesign 17.07.2013 09:54

Спасибо, все работает :)


Часовой пояс GMT +3, время: 14:48.