События click и dblclick
 

Доброго времени суток всем форумчанам!

Прошу помощи!

Стоит такая задача:
Подключены: jquery и jquery-ui.
На странице есть кнопка "Text" при нажатии на которую в div.area добавляется текст. На текст навешиваем события click и dblclick

var zz=0;

function instext(){
var divTxt;
var area=$('.area');
divTxt=$('<div class="divtxt" contenteditable="false">Текст</div>');
zz++;
divTxt.on('click', function(){???});
divTxt.on('dblclick', function(){???});
divTxt.css({position:'absolute',top: 50,left:50,'z-ndex':zz}).appendTo(area);
}

При клике на текст:
- устанавливаем класс select;
- подключаем draggable: draggable({cursor: 'move',containment:'.area'});

При двойном клике на текст:
- класс select не меняется (или устанавливается если его нет);
- отключаем draggable: draggable('destroy');
- разрешаем изменять текст: attr("contenteditable", true);
- выделяем текст.

При клике на div.area:
-убираем класс select.
- отключаем draggable: draggable('destroy');
- запрещаем изменять текст: attr("contenteditable", false);

Что ни делаю ничего не получается. Т.е. работает не так, как задумано.

Спасибо всем!!!

Вообщем решил делать так...

Если есть предложения или критика - пишите.
Заранее СПАСИБО!