jquery - 如何通过 onClick 事件将参数传递给 jquery 函数？

Question

可能重复：
jquery .click 将参数传递给用户函数

    $('#topleft').click(function (x) {
    loadPopupBox();
    $("#popupinner").load('getdetail.php?id=' +x);
    });

如何从 onclick 事件将值传递给变量 x？变量 x 的值被 POSTED 到 getdetail.php 并且从 getdetail.php 返回的数据被加载到 ID 为 popupinner 的 DIV。现在一切正常，除了数据 POST/GET。

Answer 1

尝试使用.click语法 as .click( [eventData], handler(eventObject) )。

见下文，

//                    v- Pass data
$('#topleft').click({x:x}, function (event) {
    loadPopupBox();
    $("#popupinner").load('getdetail.php?id=' + event.data.x); //read data from event obj
});

[eventData]x可以访问为event.data.x

Answer 2

您可以将 eventData 提供给click函数：

$('#topleft').click({x:x}, function (e) {
    loadPopupBox();
    $("#popupinner").load('getdetail.php?id=' +e.datax);
});

Answer 3

// say your selector and click handler looks something like this...
$("some selector").click({param1: "Hello", param2: "World"}, cool_function);

// in your function, just grab the event object and go crazy...
function cool_function(event){
    alert(event.data.param1);
    alert(event.data.param2);
}

如jQuery 的 .click 中所见 - 将参数传递给用户函数

Answer 4

您需要的是单击事件处理程序。请参阅此问题以了解它实际上是如何工作的。