jquery triggerHandler multiple parameters

Question

According to the jquery manual:

.triggerHandler( eventType [, extraParameters ] )

where extraParameters is an array

If I have passed only one parameters ok but if I try to pass multiples parameters not work. Only first parameter of array is available

	$('#test')
	
	.off('test_event')
	
	.on('test_event',function(event,parameters){
			console.log(parameters); // return 1 not array
		})
		
	.click(function(){
		$(this).triggerHandler('test_event',[1,2,3,4]);
	})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id = "test">
	test
</button>

j08691 · Accepted Answer · 2017-05-24 21:28:22Z

2

The number of arguments in your click handler needs to match what you're passing it. When a normal click event fires, all the arguments will be undefined, but when you trigger it and pass the array, the values are separated into individual parameters.

$('#test')
  .off('test_event')
  .on('test_event', function(event, a, b, c, d) {
    console.log(a, b, c, d);
  })
  .click(function() {
    $(this).triggerHandler('test_event', [1, 2, 3, 4]);
  })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="test">
	test
</button>

answered May 24, 2017 at 21:28

j08691

208k33 gold badges269 silver badges281 bronze badges

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

1 Comment

MTK Over a year ago

I have accepted @Obsidians answer because He has been first () ( 30 seconds before )

Obsidian Age · Accepted Answer · 2017-05-24 21:27:41Z

1

Elements passed in an array in a click handler are separated out into independent parameters. As such, they need to be assigned to the function() itself. You have four elements in your array, so you need to pass four variables to the function:

$('#test')
  .off('test_event')
  .on('test_event', function(event, a, b, c, d) {
    console.log(a, b, c, d);
  })
  .click(function() {
    $(this).triggerHandler('test_event', [1, 2, 3, 4]);
  })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="test">
	test
</button>

Hope this helps! :)

answered May 24, 2017 at 21:27

Obsidian Age

42.6k11 gold badges54 silver badges76 bronze badges

Collectives™ on Stack Overflow

jquery triggerHandler multiple parameters

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related