jquery editable編輯鏈接？

Question

我正在使用jQuery和可編輯插件。

作品王牌，我們很高興。

但是，我的老闆想要一個鏈接/ 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

我猜想最好的方法是觸發divdiv它的click處理程序小精靈，因爲它似乎是點擊，導致它改變和獲得焦點的編輯元素上：

$('#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不佈雷焦點事件，所以你需要更改div到a標籤或添加tabindex屬性

另一個故事是，上編輯插件改變DOM點擊，所以你需要找到表單和輸入框後點擊，並在其上發射焦點事件，而不是在div

Answer 4

爲什麼不使用這個插件？方便靈活的使用數據 -屬性技術https://github.com/tectual/jQuery-Editable更多的樣本可在jquery editable

使用它，你可以調用編輯一次點擊編輯圖標「點擊」事件。或使用它的數據爲屬性。