Можно ли повесть событие на input с disabled?
Вот такой код работает если
<input type="text" id="i36" />
$('#i36').hover(function(){
$('.test').show();
},function(){
$('.test').hide();
});
Но перестает работать если поставить disabled <input type="text" id="i36" disabled="disabled" /> Можно это как то обойти? |
Цитата:
- засунуть тот инпут в другой элемент - повесить обработчики на тот элемент |
ksa,
Этот вариант не сработает, так как дизейбленные элементы не запускают делегирование событий. Можно положить элемент который не является родителем точно над инпутом и слушать события на нем. |
tsigel,
Почему же?) Была такая идея, в принципе бы подошло. Только столкнулся с другой проблемой. Не могу перекрыть input. z-index не срабатывает, и все равно на переднем плане остается input.
<style>
.test {
background: none repeat scroll 0 0 #ff0000;
height: 38px;
position: absolute;
width: 226px;
z-index: 333;
}
.test2 {
height: 38px;
position: absolute;
width: 226px;
z-index: 111;
}
</style>
<div class="test">
<input type="text" class="test2" value="test" />
</div>
|
light,
Я же говорю что он не должен быть вложен в элемент на котором вы слушаете событие. Сделайте так: <div class="test"></div> <input type="text" class="test2" value="test" /> |
Цитата:
<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
.test {
display: none;
}
</style>
<script type='text/javascript'>
$(function (){
$('#i36').parent().hover(function(){
$('.test').show();
},function(){
$('.test').hide();
});
});
</script>
</head>
<body>
<span><input type="text" id="i36" disabled="disabled" /></span>
<p class='test'>Test</p>
</body>
</html>
</html>
Таки работает! :D |
Цитата:
|
|
| Часовой пояс GMT +3, время: 14:20. |