Положение подсказки по z-индексу или что-то еще?Jquery

Программирование на jquery
Ответить
Anonymous
 Положение подсказки по z-индексу или что-то еще?

Сообщение Anonymous »

У меня есть ползунок диапазона в jquery с всплывающей подсказкой над маркерами, и моя проблема связана с положением всплывающих подсказок по z-индексу...
Я хочу настроить их таким образом ползунок, который я перетаскиваю, оказывается выше того, который не перетаскивается.
В настоящее время первая всплывающая подсказка находится за последней, и я не знаю, как настроить ее для работы в выше кстати...
Вы можете увидеть мою ситуацию в jsfiddle: http://jsfiddle.net/dzorz/H4sGB/
jQuery:

Код: Выделить всё

$(function() {
$( ".slider-assets" ).slider({
range: true,
min: 100,
max: 500,
values: [ 200, 300 ],
slide: function( event, ui ) {
$( ".amount-assets" ).val( ui.values[ 0 ] + "k € - " + ui.values[ 1 ] + "k €");

$('.ui-slider-handle:first').html('' + ui.values[0]  + "k €" + '');
$('.ui-slider-handle:last').html('' + ui.values[1]  + "k €" + '');

}
});
$( ".amount-assets" ).val($( ".slider-assets" ).slider( "values", 0 ) + "k € - " + $( ".slider-assets" ).slider( "values", 1 ) + "k €" );

$('.ui-slider-handle:first').html('' + $(".slider-assets").slider("values", 0)  + "k €" + '');
$('.ui-slider-handle:last').html('' + $(".slider-assets").slider("values", 1)  + "k €" + '');
});
HTML: CSS:

Код: Выделить всё

.amount-assets1,.amount-assets2{
width: 48px;
}

.tooltip {
position: absolute;
z-index: 1020;
display: block;
padding: 5px;
font-size: 11px;
visibility: visible;
margin-top: -2px;
bottom:120%;
margin-left: -2em;
}

.tooltip .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top: 5px solid #000000;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
position: absolute;
width: 0;
height: 0;
}

.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
Я не уверен, что это проблема — css или jquery. Я пытался увеличить z-index, но это не сработало.

Подробнее здесь: https://stackoverflow.com/questions/188 ... thing-else
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»