Can anyone tell me why this code would not be working?
$(\'body\').on(\'test\', function() {
alert(\'test\');
});
$(\'body\').trigger(\'test\');
Try delegation:
$(document).on('test', 'body', function() {
alert('test');
});
$('body').trigger('test');
This works like live() used to. http://api.jquery.com/live/
It appears the issue lies in the DOM being ready somehow. Placing the code within inline script would not work. Placing it inside of a $(document).ready()
will work with an anonymous function, but for some reason not a function call with '( )'.. This code worked
$(document).ready(start);
function start(){
$('body').on('test', function() {
alert('test');
});
$('body').trigger('test');
}
But this did not... *notice the function call parenthesis.
$(document).ready(start());
function start(){
$('body').on('test', function() {
alert('test');
});
$('body').trigger('test');
}
An exact example works both ways on jsfiddle, but for some reason only one way works on my server. Which I guess bring up another question of why, but at least we can see this code does in fact work, there is some strange anomaly with my stuff :/