Question

I’m using jQuery and trying to initialize the tabs jQuery UI widget. The problem I have is that my onload handler isn’t called. I have a javascript include with the following:

jQuery.ready(function () {
    alert(0);
    $('.autoTabs').tabs();
    $('.dateField').datepicker({ dateFormat: 'dd-mm-yy', showOn: 'both', buttonImage: '/Images/calendar_16.png', direction: 'left', buttonImageOnly: true, changeMonth: true, changeYear: true });
    $('.timeField').timepicker({});
});

Yet when the document loads, nothing is shown, and there are no reported errors in IE or Firefox.

I’ve used jQuery extensively in the past and I’m baffled as to why this isn’t working. The page in question is at http://chickenping.com/viewrecipes.aspx

Answer 1

You need to do either $(function(){ alert(0); }) or $(document).ready(function(){alert(0);})