javascript - 在另一个函数中触发点击函数

Question

我有一个非常基本的点击功能，它有一些功能：

$('#one').click(function() { 
    slider();
    $(this).css({'background-image':'url(img/circle_c.png)'});
    $('#two, #three').css({'background-image':'url(img/circle.png)'});
    $content.cycle(0); 
    return false;  
});

现在我想在另一个点击功能上触发这个点击功能。我的意思是，一旦我按下另一个当前看起来像这样的点击功能：

$mario.on('click', this, function() {
    var l = 0,
    row = 8;
    $(this).addClass('active');
    // and some other functions
});

第一个点击功能也会触发。你们有谁知道如何做到这一点。我想复制和粘贴#oneclickfunction的内容不是必需的。

干杯

Answer 1

你可以使用trigger

$('#one').trigger('click');

所以你的完整代码看起来像这样

$mario.on('click', this, function() {
    var l = 0,
    row = 8;
    $(this).addClass('active');
    $('#one').trigger('click'); // < -- trigger click for #one
    // and some other functions
});

Answer 2

将第一个点击处理代码分解为一个函数：

function swapImages() {
  slider();
  $('#one').css({'background-image':'url(img/circle_c.png)'});
  $('#two, #three').css({'background-image':'url(img/circle.png)'});
  $content.cycle(0); 
  return false;  
}

并在两个地方引用它：

$('#one').click( swapImages );

$mario.on('click', this, function() {
    var l = 0,
    row = 8;
    $(this).addClass('active');

    swapImages();

    return false;
});

Answer 3

你有两个选择。您可以使用触发方法。

$("#one").trigger('click');

或者您可以使用不带参数的click方法。这里的例子。

$("#one").click();