подскажите по какой причины не работают кнопки? igrovik (05.02.2017 22:28): <script type="text/javascript"> $(function(){ function showSoctabs(select) { $('.tabs_soc').css({'height': '0px', 'overflow': 'hidden'}); select.css('height', '267px'); } var randomizelt = Math.floor(Math.random()*2); if (randomizelt == 0) { showSoctabs($('.vk_tabs')); } else { showSoctabs($('.facebook_tabs')); } $(".soc_tabs li").eq(randomizelt).addClass('act_soc_tab'); $(".soc_tabs a").bind("click", function(event){ event.preventDefault(); $(".soc_tabs li").removeClass('act_soc_tab'); $(this).parent().addClass('act_soc_tab'); if (event.target.id == 'soc_tabs_vk') { showSoctabs($('.vk_tabs')); } else if(event.target.id == 'soc_tabs_fb') { showSoctabs($('.facebook_tabs')); } else if(event.target.id == 'soc_tabs_odn') { showSoctabs($('.odnoklassniki_tabs')); } }); }); </script> <script type="text/javascript" src="//vk.com/js/api/openapi.js?75"></script> <ul class="soc_tabs clearfix"> <li class="tabs_vk"><i></i><a id="soc_tabs_vk" href="#">ВКонтакте</a></li> <li class="tabs_fb"><i></i><a id="soc_tabs_fb" href="#">Facebook</a></li> <li class="tabs_odn"><i></i><a id="soc_tabs_odn" href="#">OK</a></li> </ul> <div class="socRight"> <div class="vk_tabs tabs_soc"> <div id="vk_groups"></div> </div> <script type="text/javascript"> var vkInitRight_status = false; function vkInitRight() { if (!vkInitRight_status) { vkInitRight_status = true; VK.Widgets.Group("vk_groups", {mode: 0, width: "217", height: "250"}, 108468); } } if (typeof(VK) !== 'undefined') vkInitRight(); !function (d, id, did, st) { var js = d.createElement("script"); js.src = "https://connect.ok.ru/connect.js"; js.onload = js.onreadystatechange = function () { if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") { if (!this.executed) { this.executed = true; setTimeout(function () { OK.CONNECT.insertGroupWidget(id,did,st); }, 0); } }} d.documentElement.appendChild(js); }(document,"ok_group_widget","52728120934492","{width:240,height:250}"); </script> igrovik (05.02.2017 22:29): igrovik (05.02.2017 22:35): .socRight { background: #f2f2f2; width: 240px; height: 262px; margin: 0px 0 45px 0; } .socRight .twitter { background: #f2f2f2; width: 233px; height: 30px; position: absolute; margin: -6px 0 0 0px; padding: 0px 3px 5px 4px; } .socRight .twitter iframe { padding-top: 6px; } .socRight .vk_tabs { width: 220px; height: 250px; overflow: hidden; left: 10px; overflow: hidden; position: relative; top: 10px; } .tabs_soc { overflow: hidden; } .socRight .vk_tabs iframe { margin: -21px 0 0 0; } .socRight .facebook_tabs { width: 240px; height: 250px; } .socRight .facebook_tabs iframe { margin: -1px 0 0 -2px; } #vkwidget1 { margin-left: 2px; } .act_soc_tab { background: #f2f2f2; } .act_soc_tab a { cursor: default; text-decoration: none !important; } .soc_tabs { list-style: none; padding: 0px; margin: 20px 0 0 0; } .soc_tabs li { list-style: none; position: relative; float: left; font-size: 11px; color: #000000; } .soc_tabs li a { font-size: 11px; color: #000000; position: relative; padding-left: 20px; text-decoration: underline; display: block; padding: 7px 10px 9px 30px; } .soc_tabs li a:hover { text-decoration: none; } .soc_tabs li i { background: url("/images/addTo.gif") repeat scroll 0 0 transparent; position: absolute; cursor: pointer; display: block; height: 16px; overflow: hidden; width: 16px; margin: 7px 0 0 10px; } .tabs_vk i { background-position: -17px 0 !important; } .tabs_fb i { background-position: -34px 0 !important; } .tabs_odn i { background-position: -68px 0 !important; } .tabs_soc #vk_groups { position: relative; top: 23px; }
На будущее - пишите длинные коды в спойлер тегом Спойлер тут ваш код [/ spoiler] Пробел в закрывающем теге убрать ( это я для примера) По поводу проблемы, нажимайте в браузере с вашей проблемой F12 и в консоле смотрите ошибки, потом их можно сюда и скинуть.
@Алексей Косинов, 1. исправь первый пост! Почитай правила: используй для для длинного текста - спойлер, для кода - код... 2. в коде - igrovik (05.02.2017 22:28): - это часть кода? Чистить от него код самому и проверять его работу? 3. стили CSS как минимум надо в коде оборачивать в <style>code</style> 4. Табы не делятся на социальные и нет, табы делятся на JS и CSS3, возможно и другие есть, но это первое что на ум пришло! Используй например - http://dbmast.ru/adaptivnye-vkladki-taby-na-css3 - всё будет работать без JS кода 5. Иногда поиск по форуму рулит - http://zerocoolpro.biz/forum/threads/kak-sdelat-taby.7038/
@igrovik, к тебе претензий вообще никаких, просто несколько очевидных фактов высказал в сторону ТС... Табы - они и в Африке табы, чтобы и кто бы в них ни засунул для вывода И ещё если взялся вытаскивать табы и вытащил - почему они не работают? А вообще тем про табы хватает, поиск ТС в помощь.
Тс я сразу объяснил что влазить в код не буду, так как за 5 лет прогулов все знания с головы улетучились. Остались так малые воспоминания что и как делается . Табы вытаскивал по логике методом так сказать тыка Может и в этом проблема. Может мои кривые руки не все вытащили А возможно и наоборот может сам Тс что-то не то делает Так что извиняй но я умываю ручки