如何正确地对具有不同元素的jQuery事件进行排队？

// 添加事件到队列
$('.element1').on('click', function() {
  $(this).queue('eventQueue', function(next) {
    // 事件处理逻辑
    console.log('Element 1 - Event 1');
    next();
  });
});

$('.element2').on('click', function() {
  $(this).queue('eventQueue', function(next) {
    // 事件处理逻辑
    console.log('Element 2 - Event 1');
    next();
  });
});

$('.element1').on('click', function() {
  $(this).queue('eventQueue', function(next) {
    // 事件处理逻辑
    console.log('Element 1 - Event 2');
    next();
  });
});

$('.element2').on('click', function() {
  $(this).queue('eventQueue', function(next) {
    // 事件处理逻辑
    console.log('Element 2 - Event 2');
    next();
  });
});

// 执行事件队列
$('.element1').on('click', function() {
  $(this).dequeue('eventQueue');
});

$('.element2').on('click', function() {
  $(this).dequeue('eventQueue');
});