Вкладки Прокрутки/Подкачки страниц jQuery
Для простого случая Вы описываете, смотрите на Restrictions.ilike (), который делает поиск без учета регистра.
Criteria crit = session.createCriteria(Person.class);
crit.add(Restrictions.ilike('town', '%fran%');
List results = crit.list();
4 ответа
В итоге я написал его сам с помощью div, для которого установлено значение «скрыто». Затем с помощью jquery ниже переместите вкладки в div.
$(document).ready(function()
{
$('.scrollButtons .left').click(function()
{
var content = $(".tabs .scrollable .content")
var pos = content.position().left + 250;
if (pos >= 0)
{
pos = 0;
}
content.animate({ left: pos }, 1000);
});
$('.scrollButtons .right').click(function()
{
var content = $(".tabs .scrollable .content")
var width = content.children('ul').width();
var pos = content.position().left - 250;
//var width = content.width();
if (pos <= (width * -1) + 670)
{
pos = (width * -1) + 600;
}
content.animate({ left: pos }, 1000);
});
});
Мой HTML-код выглядел так:
<div class="tabs">
<div class="scrollable">
<div class="content">
<ul>
<li>Tab1</li>
<li>Tab2</li>
<li>Tab3</li>
<li>Tab4</li>
<li>Tab5</li>
</ul>
</div>
</div>
<div class="scrollButtons">
<ul>
<li>
<div class="left">
</div>
</li>
<li>
<div class="right">
</div>
</li>
</ul>
</div>
</div>
Не могли бы вы просто обернуть вкладки в DIV с помощью функции overflow-x: auto, установленной в CSS?
I всегда используйте вкладки пользовательского интерфейса JQuery в качестве отправной точки для вкладок. Вы можете настроить загрузку пользовательского интерфейса JQuery в разделе загрузки веб-сайта. Этот метод должен быть легче, чем любая другая реализация, если вы уже используете JQuery на своем веб-сайте.
По умолчанию вкладки пользовательского интерфейса JQuery не дают вам желаемой прокрутки. Я считаю, что этого можно достичь, изменив CSS, но, скорее всего, будет проще, если вы измените навигацию своего сайта (т.е. создадите больше уровней, используйте более короткие заголовки).
Надеюсь, это поможет
Я только что создал плагин: { {1}} Домашняя страница проекта: http://jquery.aamirafridi.com/jst