触发在不同代码块中分配的 jQuery 事件处理程序

Question

我有一种情况，点击处理程序是在一个 jQuery 代码块（文件）中定义/分配的，我想从另一个在不同的 jQuery 代码块中定义/分配的点击事件触发它。我怎样才能做到这一点？

下面的代码是我想要完成的一个大大简化的版本。当我单击#Element2 时，我希望看到的行为是 JavaScript 警报“元素一”。

示例 HTML：

<p id="Element1">Element One</p>
<p id="Element2">Element Two</p>

第一个 jQuery 代码块：

$(document).ready(function() {
    $('#Element1').click(function() {
        alert('Element One');
    });
});

第二个 jQuery 代码块：

$(document).ready(function() {
    $('#Element2').click(function() {
        $('#Element1').click();
    });
});

---

更新：我原来的例子确实有效。我建立在我的字段提示jQuery UI Dialog solution 的基础上，并没有考虑到我正在使用的'clickoutside' handler。在我的“clickoutside”处理程序中添加对第二个元素的检查允许显示对话框。

Answer 1

您需要在点击第一个元素时触发一次点击。您可以为此使用trigger 方法。

function element1Hanlder () {
    alert('Element One');
}

$(document).ready(function() {
    $('#Element1').click(function() {
        alert('Element One');
    });
});

$(document).ready(function() {
    $('#Element2').click(function() {
        $('#Element1').trigger('click');
    });
});

Answer 2

编辑：这是基于 JohnP 的“触发”建议（因此您应该选择他作为正确答案）...

如果我从外部 js 文件加载这个块...

$(document).ready(function() {

    $('#Element1').click(function () {
        alert( $(this).text() );
    });

});

然后将其加载到 HTML 本身的脚本标记中...

$(document).ready(function() {

    $('#Element2').click(function () {
        $('#Element1').trigger('click');
    });

});

似乎按预期工作。