Hi Mike,
Cheers for that. It turns out it was actually working as I had it, so
perhaps it was the fact the ajax hadn't finished loading so I'll
replace with your method.
The simiplified event binding looks cool too,
Cheers
Tom
On 8/17/06, Michael Geary <[EMAIL PROTECTED]> wrote:
> You are calling BindTimeSelectors before the AJAX load is complete.
>
> Which AJAX load is the one that BindTimeSelectors depends on? Assuming it is
> the second one, you could code it like this:
>
> $("#daysheader").load( "ajax/weekview_headers.aspx?fromdate=" +
> calendarDay.Date );
> $("#days").load(
> "ajax/weekview_appointments.aspx?fromdate=" + calendarDay.Date,
> BindTimeSelectors()
> );
>
> Also, the code that wires up the events could be simplified considerably.
> Are you able to give each of those DOM elements a common class name? If they
> all have the class name "dayselector" then you could just code:
>
> function BindTimeSelectors()
> {
> //Wire up mouse down events to the day selectors.
> $(".dayselector").mousedown( function() { mouseDown( this.id ); } );
> }
>
> If you can't do that, a simple loop would do the trick:
>
> function BindTimeSelectors()
> {
> //Wire up mouse down events to the day selectors.
> for( var i = 1; i <= 5; i++ ) {
> $( "#day" + i + "selector" ).mousedown( function() { mouseDown(
> this.id ); } );
> }
> }
>
> > I'm loading some DIV in to a container DIV using AJAX... all
> > works like a charm. However, I need to bind some events to
> > the DIVs I'm dynamically loading in, no joy :(
> >
> > I guess I need to refresh the DOM somehow?
> >
> > My code looks like:
> >
> > $("#daysheader").load("ajax/weekview_headers.aspx?fromdate=" +
> calendarDay.Date);
> > $("#days").load("ajax/weekview_appointments.aspx?fromdate=" +
> calendarDay.Date);
> > BindTimeSelectors();
> >
> > function BindTimeSelectors()
> > {
> > //Wire up mouse down events to the day selectors.
> > $("#day1selector").mousedown(function(){mouseDown("day1selector");});
> > $("#day2selector").mousedown(function(){mouseDown("day2selector");});
> > $("#day3selector").mousedown(function(){mouseDown("day3selector");});
> > $("#day4selector").mousedown(function(){mouseDown("day4selector");});
> > $("#day5selector").mousedown(function(){mouseDown("day5selector");});
> > }
>
>
> _______________________________________________
> jQuery mailing list
> [email protected]
> http://jquery.com/discuss/
>
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
