У меня есть интересная проблема ... Я пытаюсь создать таблицу, которая показывает только 3 столбца одновременно, и с помощью стрелок влево и вправо можно скрыть два правых столбца и показать еще 2 скрытыхстолбцы, эффективно прокручивая столбцы справа.
Мне удалось добиться этого здесь: http://reach4urphone.com/player/weapons?gamertag=kit001 (к вашему сведению: этот код больше не используется по этой ссылке, я пошел за дополнительнымисовместимое кросс-браузерное решение).
Проблема в том, что, хотя это работает в последних версиях Chrome, IE9 и Safari, оно не работает на моем iPhone4 или iPad2 (мои основные целевые платформы).Так что я думаю, что, возможно, есть ошибка в jQuery или мобильном Safari, не поддерживающая часть моей реализации.Вот мой единственный код JQuery (обратите внимание, что я использую вкладки пользовательского интерфейса jQuery в первой строке, каждая из которых имеет таблицу на своей панели):
$(document).ready(function () { $("#tabs").tabs(); });
$('#rightArrow').live('click', function () {
var curr = $(this).closest('table').find('.selected');
var next = curr.next().next();
if (next.length === 0)
next = curr.siblings(':first-child').next();
curr.hide().removeClass('selected').next().hide();
next.show().addClass('selected').next().show();
});
$('#leftArrow').live('click', function () {
var curr = $(this).closest('table').find('.selected');
var prev = curr.prev().prev();
if (prev.length === 0)
prev = curr.siblings(':last-child').prev();
curr.hide().removeClass('selected').next().hide();
prev.show().addClass('selected').next().show();
});
Спасибо всем.