jquery通过点击传递数据

Question

我正试图将数据从一个点击函数传递到另一个，但不知道如何制作。我有多个div，但我将向您展示两个div的主要思想：

<div class="classname" id='prev'></div>
<div class="classname" id='next'></div>

$('#next).click(function() { 
   $('.classname').trigger('click')
})
$('#prev).click(function() { 
   $('.classname').trigger('click')
})

$('.classname').live('click', function () {
 [a lot of code here depending on who called click]

})

现在，我想传递一个类似的变量（或者某种程度上熟悉的

$('#prev').click(function() { 
   a = 1;
   $('.classname').trigger('click', a)
})

$('.classname').live('click', function (a) {
 if ( a == 1 ) { do something } else { do something else }
 [a lot of code here depending on who called click]
})

如何发送"a"变量到live click，让它根据"a"的值以不同的方式运行？

Answer 1

我想你正在寻找这个（请参阅演示）：

$('#prev').click(function () {
    $('.classname').trigger('click', [1])
});
$('.classname').live('click', function (event, param) {
    if (param == 1) {
        alert('do something');
    } else {
        alert('do something else');
    }
})​

Answer 2

这已经是可能的了！示例代码来自：http://api.jquery.com/trigger/

$("p").click( function (event, a, b) {
// when a normal click fires, a and b are undefined
// for a trigger like below a refers to "foo" and b refers to "bar"
} ).trigger("click", ["foo", "bar"]);

您还可以创建一个自定义的event对象并在其中发送一些数据：

var event = jQuery.Event("logged");
event.user = "foo";
event.pass = "bar";
$("body").trigger(event);

或者你可以使用这个替代方案：

$("body").trigger({
    type:"logged",
    user:"foo",
    pass:"bar"
});

Answer 3

如果非常接近，则传递给事件的额外参数需要表示为数组。

$('.classname').trigger('click', a)

应该是

$('.classname').trigger('click', [a])

然后可以作为该事件的处理程序上的附加参数访问

$('.classname').live('click',function(e,a){
    // a is whatever was passed into the first element of the array above
})

现场示例：http://jsfiddle.net/4KRFV/

Answer 4

抱歉，但我认为您这样做的方式过于复杂。从两个事件处理程序中调用一个公共函数。根据调用它的事件处理程序使用不同的参数。不要使用.trick和.live.