jquery passing data from click

Question

I am trying to pass a data from one click function to another and have no idea how to make it. I have multiple divs but i will show you the main idea on two divs:

<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]


})

now, i would like to pass a variable like that (or somehow familiar

$('#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]

})

How can i send 'a' variable to live click to let it baheva differently depending on value of 'a' variable?

You're going to get huge circular references with this code. clicking #next or #prev trigger's a click on the same element, which triggers a click on the same element, which..... StackOverflow — Jamiec
– Jamiec, Commented Aug 1, 2012 at 16:01
Maybe you could explain what you are trying accomplish? You can definitely pass parameters along and trigger click events on a set of elements ... but the real question is if there is simply a better/cleaner approach. But we need to understand your goal first. — Matthew Cox
– Matthew Cox, Commented Aug 1, 2012 at 16:11

Danil Speransky · Accepted Answer · 2012-08-01 16:03:21Z

1

I think you're looking for this (see DEMO):

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

$('.classname').live('click', function (event, param) {
    if (param == 1) {
        alert('do something');
    } else {
        alert('do something else');
    }
})

edited Aug 1, 2012 at 16:03

answered Aug 1, 2012 at 15:58

Danil Speransky

30.5k6 gold badges70 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Snow Blind · Accepted Answer · 2012-08-01 15:59:18Z

0

That is already possible! Sample code from: 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"]);

You can also create a custom event object and send some data in it:

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

Or you can use this alternative:

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

answered Aug 1, 2012 at 15:59

Snow Blind

1,1647 silver badges12 bronze badges

Comments

Jamiec · Accepted Answer · 2012-08-01 16:04:42Z

0

You were very close, the extra arguments passed to an event need to be expressed as an array.

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

should have been

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

Which can then be accessed as additional arguments on the handler for that event

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

Live example: http://jsfiddle.net/4KRFV/

answered Aug 1, 2012 at 16:04

Jamiec

136k15 gold badges143 silver badges202 bronze badges

Comments

Anders Lindén · Accepted Answer · 2012-08-01 20:23:12Z

0

Sorry, but I think you are doing this in a overcomplicated way. Call a common function from the two event handlers. Use different arguments depending from which event handler you call it. Stay away from using .trigger and .live.

edited Aug 1, 2012 at 20:23

answered Aug 1, 2012 at 16:04

Anders Lindén

7,44413 gold badges62 silver badges122 bronze badges

2 Comments

Anders Lindén Over a year ago

Please, elaborate on that! Calling one event handler from another cant be a good practice really, especially not in a difficult event oriented application.

Anders Lindén Over a year ago

Oh, I think you formulated yourself in an understandable way. I will now tell you mine (and entirely mine, lol) point of view. Calling an event handler from your own code can be substitution of concepts. The original concept of an event being "a reaction from the other world". Calling a public function from another public function in the same class is a substitution. The original concept being "providing an interface to the outer world". If event handlers/public functions only are "receiving points" calling the actual functionality, code duplication would be of minimal concern.

Collectives™ on Stack Overflow

jquery passing data from click

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related