Я пытаюсь создать контент, когда пользователь нажимает на определенную ссылку.Этот сгенерированный контент служит загрузочным div для некоторого контента ajax.Все работает, кроме загрузочного div не создается, пока я не нажму на ссылку во второй раз.Что вызывает это?
Вот страница в реальном времени: http://tickets.ebridgesites.com/tickets.php
Вот соответствующий HTML:
<table id="list">
...
<tr id="ticketID-1">
<td><a href="ticket-details.php" class="alert" title="Alert">A descriptive ticket title</a></td>
<td><a href="#" class="more" data-more-type="client">Business World Inc</a></td>
<td><a href="#" class="more" data-more-type="contact">Fran Bumpkins</a></td>
<td>
<a href="#" class="more" data-more-type="employee">John Miller</a>
<!-- ajax-parts/more-employees.php goes here -->
</td>
<td>Jan 25, 20:35</td>
<td>On-site</td>
<td>Open</td>
<td class="listAddTime"><a href="#">5.25</a></td>
</tr>
....
А вот используемый jQuery:
$('#list a.more').live('click', function() {
var type = $(this).attr('data-more-type');
var ticket = $(this).parent().parent().attr('id');
// place the relative positioned div as a container for .moreOptions box
var relativeDiv = '<div class="relative"></div>';
$(this).after(relativeDiv);
alert('div.relative should be inserted here but does not until second click');
$('#'+ticket+' .relative').load('inc/ajax-parts/more-'+type+'.php');
return false;// prevent default of a.more link
});