I я пишу плагин jQuery для имитации редактируемого div
Вот мой код:
(function($){
$.fn.editable = function(){
return this.each(function(){
var $this = $(this).hide();
var div = $(''+$this.val()+'').show().insertAfter($this).data('input',$this);
$this.data('div',div);
div.dblclick(function(){
$(this).hide();
$(this).data('input').val($(this).text()).show();
});
$this.blur(function(){
$(this).hide();
$(this).data('div').html($(this).val()).show();
});
$this.change(function(){
$(this).data('div').html($(this).val());
});
});
};
})(jQuery);
Пока что это работаеточень хорошо..
Теперь, что я хочу сделать, но понятия не имею, как это сделать, это заставить текст div измениться, если скрытый изменяется входное значение.
Значит, если я сделаю $('#editable').val('новый текст')
, элемент div должен измениться..
Я не могу инициировать событие changeвручную, потому что изменение ввода произойдет в других плагинах, которые я не контролирую..