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

时间:2012-09-11 17:58:35

标签: jquery

  

可能重复:
  jquery .click pass parameters to user function

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

如何从onclick事件中将值传递给变量x?变量x的值是POSTED到getdetail.php,从getdetail.php返回的数据被加载到具有ID popupinner的DIV。现在一切正常,除了数据POST / GET。

4 个答案:

答案 0 :(得分:1)

尝试将.click语法用作.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

的形式访问

答案 1 :(得分:0)

您可以向click函数提供eventData:

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

答案 2 :(得分:0)

// 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's .click - pass parameters to user function

所示

答案 3 :(得分:0)

您需要的是click event handler。 请参阅此question以了解其实际工作原理。