Question

我正在尝试在我的网站上为照片滑块实现滑动功能。我想出了滑动功能。但是，我试图弄清楚如何显示下一张或上一张照片并一起更改照片滑块的指示器。我能想到的最好方法是点击标签。我已经在照片滑块的右侧和右侧有一个标签，我想要它。但是，我如何单击该标签，就好像我真的点击了那个标签一样？

这是我的代码。

is_user_account_owner?
is_user_account_admin?
is_user_resource_moderator?
is_user_parent_resource_admin?
is_user_parent_resource_moderator?
is_user_parent_resource_viewer?
is_user_resource_viewer?

这也不起作用。

var x1; var x2;
$(document).on('mousedown', '.carousel', function() {
    x1 = event.pageX;
});
$(document).on('mouseup', '.carousel', function() {
    x2 = event.pageX;

    var id = '#'+$(this).attr('id');

    if(x1 - x2 > 0){
        $(id).children('a[data-slide="next"]').trigger('click');
    } else {
        $(id).children('a[data-slide="prev"]').trigger('click');
    }
});

Answer 1

请致电：

$(id).children('a[data-slide="next"]').click();

请参阅：https://api.jquery.com/click/#click

Answer 2

您只需为每个属性附加一个事件处理程序，并在每个属性中执行逻辑。此外，如果您的图片ID是连续的，例如1-2-3，或者如果您在链接中的单独属性中设置它们，例如data-id或其他内容，则会更容易。

$(document).on("click", "[data-slide=next]", function (event) {
    var id = $(this).attr("id");
});

$(document).on("click", "[data-slide=prev]", function (event) {
    var id = $(this).attr("id");
});

如何在jQuery中为标记创建click事件？

2 个答案: