Пропадает событие
 

Помогите решить проблемку.
По порядрку:
1.Есть скрипт пхп - get_data.php, который из таблицы вытягивает фотографии:
$query = mysql_query("SELECT * FROM foto WHERE ...)

while($rez = mysql_fetch_assoc($query)){
$id_name_foto=$rez['name'];
echo"
<div style='float:left; margin:3px;'>
<a href='#' class='showfile'><img src='foto/tumb/".$id_name_foto."' ></a>
";
echo"
</div>
";
}
2. С помощью javascript я загружаю его на страницу
function ajax_get_data(){
var f_url = 'get_data.php' //адрес, по которому вызывается функция
$.ajax({
type: "POST",
url: f_url,
success: function(data){
$("#data").html(data);//в DOM с id="data" будем выводить данные

}
});
}
3. Контент загружается на страницу:
<div id="data">
<!-- здесь мои фотографии -->
</div>

На загруженной страницы каждая фотография раскрывается событием по классу showfile <a href='#' class='showfile'> .....
это событие обрабатывается скриптом:
$('.showfile').click(function(){
.
.
.
})
Проблема в том что событие работает через раз, пока я не обновлю страницу. В чём может быть проблема.

Например в том, что на момент "навешивания" события не все элементы загружены...

metrander,
когда вы присваиваите клик элементов нет на странице
ищите on в jquery

На каждом четном клике?
Что в твоём понимании "через раз"?

т.е. обновлю 2 - 3 раза и всё работает

Тогда читай советы которые выше...