Цитата:
Цитата:
Расстояние появляется от вкладок до блока... |
Ilya_Ru,
.showup,.showscale,.showleft,.showflip {
z-index: 10;
}
|
Цитата:
и добавьте run в пост №19 [HTML run][/HTML] |
Огромное человеческое спасибо! :) Вы как всегда очень сильно помогли :)
Вопрос с кликабельностью ссылки полностью решен :) Высоту li блоков смог выравнить при помощи скрипта, найденного в интернете:
function setEqualHeight(columns)
{
var tallestcolumn = 0;
columns.each(
function()
{
currentHeight = $(this).height();
if(currentHeight > tallestcolumn)
{
tallestcolumn = currentHeight;
}
}
);
columns.height(tallestcolumn);
}
$(document).ready(function() {
setEqualHeight($(".height > li > a"));
});
Применил к: <ul class="height"> ... </ul> Решение достаточно топорное. Но если более лучшее не будет найдено - придется оставить так :) Цитата:
|
Ilya_Ru,
встроил в плагин, использовать Цитата:
(function($) {
function setEqualHeight(columns) {
var tallestcolumn = 0;
columns.each(function() {
currentHeight = $(this).css({
height: ""
}).height();
if (currentHeight > tallestcolumn) tallestcolumn = currentHeight
});
columns.height(tallestcolumn)
}
$.fn.tabulous = function(options) {
var settings = $.extend({
effect: "scale"
}, options);
return this.each(function() {
var parent = $(this),
ul = $(">ul", parent),
links = $(">li a", ul),
block = $("> div", parent),
divs = $("> div", block),
hide = "hide" + settings.effect,
show = "show" + settings.effect;
ul.append('<span class="tabulousclear"></span>');
divs.css({
"position": "absolute",
"top": "10px",
"left": 0,
"right": 0
}).addClass("make_transist");
block.addClass("transition");
links.each(function(indx, a) {
var a = $(a);
a.on("click", function(event) {
event.preventDefault();
links.not(a.addClass("tabulous_active")).removeClass("tabulous_active");
var div = divs.eq(indx);
divs.removeClass(show).not(div.addClass(show)).addClass(hide);
block.height(div.height())
})
}).eq(0).click();
setEqualHeight(links);
$(window).resize(function() {
block.height(divs.filter("." + show).height());
setEqualHeight(links)
})
})
}
})(jQuery);
|
рони,
Появился новый (старый) глюк: Если открыть html страницу в полноэкранном режиме, а затем перейти в полэкрана - текст съедается как во вкладках, так и в div к ним причастным :( Если в ручную изменить размер окна - вкладки подстраиваются под текст UPD: вроде решил проблему банальной задержкой выполнения скрипта setTimeout(function() { ...скрипт... }, 1000); |
все равно иногда проскальзывает данный глюк... особенно заметно на мобильном при поворотах устройства
|
Ilya_Ru,
танцы с бубнами, поменять строки 45 и 44, или исключить строку 45. |
так и есть проблема :(
|
Проблема так и остается актуальной. Пока не дернишь окошко - вкладки не подстроются. Может в моем случае происходит какой-то конфликт со style.responsive.js? Если да, то быть может подскажите, как его исправить? http://php-ilyaru.rhcloud.com/moysite/moy.html
|
| Часовой пояс GMT +3, время: 18:29. |