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

これを実行する最善の方法は、divのclickハンドラをトリガすることですエルフ、それはそれを変更すると、フォーカスを受け取るになり、編集可能な要素をクリックしているように見えるので、私はこのプラグインに慣れていないよ

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

NB - それはdocsに基づくだけで推論推測です。

Answer 2

私が知る限り、divのタグは、編集可能なコンテンツであってもフォーカスすることはできません。

申し訳ありませんが、私の悪いです。あなたがそれを行うことができることを知っただけですが、 `tabindex '属性を設定する必要があります。あなたはdivaにタグを変更したり、他の話は上の編集可能なプラグインの変更DOMあるtabindex属性

を追加するいずれかの必要があるので、ブーブレないフォーカスイベントを行い、デフォルトのdivで

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

Answer 3

：これを試してみてくださいクリックした後にフォームと入力ボックスを見つけ、divではなくフォーカスイベントを発生させる必要があります

Answer 4

なぜこのプラグインを使用しないのですか？簡単に編集可能で、一度編集アイコンをクリックする「クリック」イベントを呼び出すことができ、それを使用してjquery editable

でhttps://github.com/tectual/jQuery-Editable以上のサンプルが利用可能データ -属性の技術を用いたフレキシブル。属性の場合はデータを使用してください。