jquery редактируемые ссылки для редактирования?

Question

Я использую jquery и редактируемый плагин.

Работы туза, и мы очень счастливы.

Однако мой босс хочет, чтобы ссылка/div была только на стороне редактируемого div, который редактировал. Нажатие на это откроет редактируемое поле.

Я использовал:

 
$('#my_edit_button_id').click(function() { 
    $('.my_editable_div').focus(); 
}); 
$('.my_editable_div').editable(/* my settings */); 

<div class="my_editable_div"></div> 
<div id="my_edit_button_id">Edit info</div> 

класс my_editable_div прекрасно работает сам по себе .. но фокус не фокусируя мышь.

Кто-нибудь сталкивался с этим раньше? Я продолжу расчесывать документы jQuery ...

Answer 1

Я бы предположил, что лучшим способом сделать это будет запуск обработчиков click на div Эльф, так как это, кажется, нажав на редактируемый элемент, который заставляет его изменить и получить фокус:

$('#my_edit_button_id').click(function() { 
    $('.my_editable_div').click(); 
}); 
$('.my_editable_div').editable(/* my settings */); 

NB, что я не знаком с этим плагином - это просто рассуждал догадка, основанная на docs ,

Answer 2

Насколько я знаю, теги div не могут иметь фокус, даже если они доступны для редактирования.

Извините, мой плохой. Просто выяснили, что вы можете это сделать, но вам нужно установить атрибут tabindex. Попробуйте это:

$("#my_editable_div").attr("tabindex", -1).focus();

Answer 3

по умолчанию DIV не Buble события фокуса, так что вам нужно либо изменить div в a тег или добавить атрибут tabindex

другой истории в том, что для редактирования DOM изменения плагина на щелкните, чтобы вам нужно было найти форму и поле ввода после щелчка, а также событие фокуса фокуса на нем, а не на div

Answer 4

Почему бы не использовать этот плагин? легко и гибко используя данных- атрибутов технику https://github.com/tectual/jQuery-Editable больше образцов доступны на jquery editable

С его помощью вы можете вызвать «нажмите» событие редактируемого раз нажав на значок редактирования. или использовать его данные для атрибута.