Сделайте мой код Jquery подходящим для всех ссылок с помощью class = "trigger".Не могу получить следующий () для работы

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();
    });
});