Можно ли повесть событие на 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, время: 02:35. |