让我的 Jquery 代码适合所有带有 class="trigger" 的链接。无法让 next() 运行

Question

html：

<a id="invitation" class="trigger" href="#"><img src="img.jpg"/></a>
<a id="dummy" class="hide">Do something</a>
<div id="invitationbox"></div>

当我这样做时，我让 jquery 代码可以工作：

$(".trigger").click(function() {
$('#invitation').load('invitation.php', function() {
$('#dummy').trigger('click');
});
});

但希望它在具有类触发器的多个链接上工作...那么我如何重写代码以在多个地方工作？

例子： （无法让它工作...）

html:

<a id="anotherid" class="trigger" href="#"><img src="img.jpg"/></a>
<a class="hide">Do something</a>
<div id="anotheridbox"></div>

jquery:

$(".trigger").click(function() {
var currentId = $(this).attr('id');
var contentId = $currentId + "box";
$($contentId).load('invitation.php', function() {
$(this).next("a").trigger('click');
});
});

帮助我使我的代码简单谢谢！ :)

Answer 1

在您的代码上下文中存在一些错误：

$(".trigger").click(function() {
    var currentId = $(this).attr('id');

    // $currentId is never declared
    var contentId = $currentId + "box";

    // $contentId is never declared and the id selector should be begin with a #
    $($contentId).load('invitation.php', function() {
        // $(this) is the element related to contentId, so there is 
        // no next("a") to trigger a click on
        $(this).next("a").trigger('click');
    });
});

请尝试以下操作：

$(".trigger").click(function() {
    var $trigger = $(this);
    $("#" + $trigger.attr('id') + 'box').load('invitation.php', function() {
        $trigger.next("a").click();
    });
});