Question

我正在尝试在用户点击特定链接时生成一些内容。此生成的内容用作某些ajax内容的加载div。一切正常，除了在我第二次点击链接之前不会创建加载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
});

Answer 1

根据David的建议显示div，我现在看到它可能是一个Firebug问题，而不是我的代码问题。我将ajaxed内容显示出来并看到它实际上立即出现，但没有出现在firebug中。

我的点击功能的一部分在第二次点击之前不起作用

1 个答案: