我试图使用jQuery的.click调用带有参数的函数,但我不能让它工作。

这就是我想要的工作方式:

$ (' .leadtoscore ') .click (add_event('照片'));

这电话

function add_event(event) {
    blah blah blah }

如果我不使用参数,它就会工作,就像这样:

$('.leadtoscore').click(add_event);
function add_event() {
    blah blah blah }

但是我需要能够将参数传递给add_event函数。

我该怎么做这件事呢?

我知道我可以使用.click(function() {blah},但我从多个地方调用add_event函数,并想这样做。


当前回答

为了彻底起见,我遇到了另一个解决方案,它是jQuery点击事件处理程序1.4.3版本中引入的功能的一部分。

它允许您将数据映射传递给事件对象,该对象将自动作为第一个参数由jQuery反馈给事件处理程序函数。数据映射将作为第一个参数传递给.click()函数,然后是事件处理程序函数。

下面是一些代码来说明我的意思:

// 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);
}

其他回答

我得到了一个简单的解决方案:

 <button id="btn1" onclick="sendData(20)">ClickMe</button>

<script>
   var id; // global variable
   function sendData(valueId){
     id = valueId;
   }
   $("#btn1").click(function(){
        alert(id);
     });
</script>

我的意思是,将onclick事件的值传递给javascript函数sendData(),初始化到变量,并通过jquery事件处理程序方法获取它。

这是可能的,因为首先调用sendData(valueid)并初始化值。然后在jquery事件之后执行get并使用该值。

这是直接的解决方案,详细解决方案请点击这里。

为了彻底起见,我遇到了另一个解决方案,它是jQuery点击事件处理程序1.4.3版本中引入的功能的一部分。

它允许您将数据映射传递给事件对象,该对象将自动作为第一个参数由jQuery反馈给事件处理程序函数。数据映射将作为第一个参数传递给.click()函数,然后是事件处理程序函数。

下面是一些代码来说明我的意思:

// 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);
}
      $imgReload.data('self', $self);
            $imgReload.click(function (e) {
                var $p = $(this).data('self');
                $p._reloadTable();
            });

设置javaScript对象为onclick元素:

 $imgReload.data('self', $self);

从"this"元素获取对象:

 var $p = $(this).data('self');

是的,这是一个旧帖子。不管怎样,有人可能会发现它很有用。下面是另一种向事件处理程序发送参数的方法。

//click handler
function add_event(event, paramA, paramB)
{
    //do something with your parameters
    alert(paramA ? 'paramA:' + paramA : '' + paramB ? '  paramB:' + paramB : '');
}

//bind handler to click event
$('.leadtoscore').click(add_event);
...
//once you've processed some data and know your parameters, trigger a click event.
//In this case, we will send 'myfirst' and 'mysecond' as parameters
$('.leadtoscore').trigger('click', {'myfirst', 'mysecond'});

//or use variables
var a = 'first',
    b = 'second';

$('.leadtoscore').trigger('click', {a, b});
$('.leadtoscore').trigger('click', {a});

如果你用你曾经的方式来形容……

$('.leadtoscore').click(add_event('shot'));

...你需要让add_event()返回一个函数,像…

function add_event(param) {
    return function() {
                // your code that does something with param
                alert( param );
           };
}

返回该函数并用作.click()的参数。