Подключить события к элементам диалогового окна
 

Доброго времени суток Всем!

Есть задача, следуещего плана:

Диалоговое окно разделено на 2 части.
Левая часть (id="left-dlg")- ссылки (на папки).
Правая часть(id="right-dlg") - картинки.

Картинки в правой части подгружаются через ajax при клике на ссылку
и имеют класс: img-exemple.

Для класса img-exemple подключаю событие dblclick.

Вот пример кода:

var img_dir=....(название папки на сервере)
$.ajax({
  type: "POST",
  url: "img_content.php",
  data: {dir_img:img_dir},
  cache: false,  
  success: function(html){  
        $("#right-dlg").html(html);
    }
}).done($(". img-exemple").on('dblclick', alert(this)))

Картинки отображаются в диалоговом окне. А вот событие не подключается. Не знаю что и делать.

где???

здесь:

}).done($(". img-exemple").on('dblclick', alert(this)))

myshara,
всё одно не вижу :cray:

myshara,
вы класс видите а я нет ))) что-то в супе лишнее

Что Вы понимаете под выражением не вижу класс?

Если наличие пробела между точкой и именем класса, то это просто опечатка.

Т.е. код такой:

}).done($(".img-exemple").on('dblclick', alert(this)))

Что не так?

Читаем здесь...

Делаем по примеру:

// Установим обработчик нажатия кнопкой мыши, элементу с идентификатором foo
$('#foo').on('click', function(){
  alert('Вы нажали на элемент "foo"');
});
 
// Теперь, при нажатии на элемент foo, будет выведено сообщение

Что не так????

myshara,
ок класс появился, попробуйте эту строку поставить в конец 8 строки и без done

Т.е. вот так:

var img_dir=....(название папки на сервере)
$.ajax({
  type: "POST",
  url: "img_content.php",
  data: {dir_img:img_dir},
  cache: false, 
  success: function(html){ 
        $("#right-dlg").html(html);
    }
});
$(".img-exemple").on('dblclick', alert(this));

При клике на ссылку в левой части получаем alert([object Window]
А при клике на картинку ничего...

Не знаю почему.
Но решилось так:

setTimeout(function(){$(".img-exemple").on("dblclick",function(){alert(this)})},200);