Появилась интересная задача:
Используется tabs из jquery ui. Стало необходимо сделать редактирование заголовка таба. При этом не просто редактировать, а редактировать "не отходя от кассы": при нажатии кнопки текст в заголовке таба "превращается" в поле ввода, в которое собственно и вводится новый текст.
Все бы ничего, вот только возникла интересная проблема: в связи с навешанными обработчиками событий на табы, редактирование мягко говоря затруднительно: при нажатии стрелок - происходит переход по табам, а не по тексту. Так же невозможно ввести проблем.
Хотелось бы как то решить эту проблему, желательно без перехвата события нажатия кнопки у инпута. Может кто то сталкивался с подобной проблемой и нашел какое-то достаточно простое решение? Может есть какой то легкий способ отключения перехвата нажатий кнопок у таба?
Вот небольшой пример проблемы:
<div id="tabs" class="tab">
<ul>
<li>
<a href="#tabs-1">Пример</a>
<input type="text">
</li>
</ul>
<div id="tabs-1">
Проверка
</div>
</div>
<script>
$(function(){
$('.tab').tabs();
})
</script>
Примечание:
>>Вот небольшой пример проблемы
>Тыкните пальцем в проблему
Если "запустить" указанный код как есть, и попытаться в имеющееся поле ввода ввести скажем "Привет мир", то ничего не получиться, т.к. навешенные на таб обработчики не позволят ввести пробел
>> легкий способ отключения перехвата нажатий кнопок у таба
>http://stackoverflow.com/questions/15896437/prevent-default-jquery-ui-tab-behaviour-when-using-keyboard-navigation
Спасибо большое. Сработало
>P.S. Я бы переключал табы (точнее сами "a") на режим contenteditable для редактирования.
Это конечно интересный вариант, но проблема в том, что это HTML5 и его работоспособность в ИЕ8 (а к сожалению целевая аудитория сайта пользуется им, и на самом деле еще и может использовать 7-ку)
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.