使用class=“trigger”使我的Jquery代码适合所有链接,无法获取next()函数

nhhxz33t 于 2023-06-22 发布在 jQuery

关注(0)|答案(1)|浏览(101)

联系我们

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

但希望它在几个链接上与类触发器一起工作...那么，我如何重写代码以在多个地方工作呢？
例如：（无法使其工作……）
联系我们

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

让我的代码更简单，谢谢！：）

jquery

来源：https://stackoverflow.com/questions/7395709/make-my-jquery-code-fit-all-links-with-class-trigger-cant-get-next-to-func

1条答案

按热度按时间

af7jpaap1#

在你的代码上下文中有一些bug：

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

赞(0）回复(0）举报 2023-06-22

我来回答

使用class=“trigger”使我的Jquery代码适合所有链接,无法获取next()函数

1条答案

相关问题

热门标签

最新问答