jquery 편집 가능 링크 편집?

Question

jquery와 편집 가능한 플러그인을 사용하고 있습니다.

작동 에이스와 우리는 매우 행복합니다.

그러나 내 보스는 편집 가능한 div의 편에 링크/div 만 지정하려고합니다. 클릭하면 편집 가능한 입력란이 나타납니다.

은 내가 사용했습니다 : 자체에 큰 작동합니다 ..하지만 포커스가 마우스를 초점을 맞추지 못한 my_editable_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> 

클래스입니다.

누구나 전에 이것을 경험할 수 있습니까? jQuery 문서를 계속 살펴 보겠습니다 ...

Answer 1

에서 click 핸들러를 트리거하는 것이 가장 좋은 방법이라고 생각합니다. 엘프, 그것은 변경하고 초점받을 원인 편집 가능한 요소를 클릭 할 것으로 보인다 이후 :이 플러그인에 익숙하지 않다

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

NB를 - 그것은 docs에 따라 단지 추론 추측 .

Answer 2

내가 아는 한 div 태그는 내용을 편집 할 수 있다고하더라도 포커스를 가질 수 없습니다.

죄송합니다. 그냥 할 수 있다는 것을 알았지 만, 당신은`tabindex '속성을 설정할 필요가있다. 이 시도 : 기본 DIV에 의해

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

Answer 3

하지 buble 포커스 이벤트 않습니다, 그래서 당신이 중 하나를 a 태그에 div을 변경하거나 tabindex 속성

다른 이야기를 추가해야하는 편집 가능한 플러그인 변화 DOM이다 클릭 후 양식 및 입력란을 찾아 클릭 한 다음 div가 아닌 해당 이벤트에 초점을 맞춰야합니다.

Answer 4

왜이 플러그인을 사용하지 않습니까? 쉽고 유연 당신이 편집 한 번 편집 아이콘을 클릭의 "클릭"이벤트를 호출 할 수 있습니다 그것을 사용 jquery editable

에서 사용할 수 데이터 - 속성 기술 https://github.com/tectual/jQuery-Editable 더 많은 샘플을 사용. 아니면 데이터 ( 속성)를 사용하십시오.