0

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

コードをシンプルにするのを手伝ってくれてありがとう! :)

4

1 に答える 1

0

あなたのコードのコンテキストでは、いくつかのバグがありました:

$(".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();
    });
});
于 2011-09-13T00:59:36.703 に答える