My question's are
1. If you have a Div class= content with children anchors. Then
empty and load in new content in that div with children anchor those
anchors will get the same event handling that the previous anchors had
right?
2 if it were a .click event to the div insted of the actual object how
could you differentiate between a click on an anchor with a class of
slider or an anchor with a class of dragable?
3 and finally how would I find the ID of an <LI> that an object is a
child of like in the channels div
this is what I will be loading in
<div id="content">
<div id="entertainment">
<form>
<div id="fulltop" class="text">
<a class="slider"id="aft">back</a>
<a class="slider"id="for">forward</a>
<ul>
<li>
<a href="a.html" id="a1"
class="dragable">
<img src="../images/
entertainment.jpg" alt="Click ME"/>
<p>
<strong>Entertainment</strong><br/>
<small>COMEDY CENTRAL, E!, FX, SCI-FI,
SPIKE, STARZ, USA,
and WGN </small>
</p>
</a>
</li>
<li>
<a href="b.html" class="dragable">
<img src="../images/entertainment.jpg"
alt="Click ME"/>
<p>
<strong>Family</strong><br/>
<small>BOOMERANG, DISNEY, TV LAND,
NOGGIN </small>
</p>
</a>
</li>
<li>
<a href="c.html" class="dragable">
<img src="../images/entertainment.jpg"
alt="Click ME"/>
<p>
<strong>News</strong><br/>
<small>BLOOMBERG, CNBC, FOX NEWS,
NASA</small>
</p>
</a>
</li>
<li>
<a href="d.html" class="dragable">
<img src="../images/entertainment.jpg"
alt="Click ME"/>
<p>
<strong>Sports</strong><br/>
<small>BIG TEN, ESPN, OUTDOOR
CHANNEL</small>
</p>
</a>
</li>
</ul>
</div>
</form><br/><br/><br/><br/><br/><br/><br/
><br/><br/>
</div><!-- end entertainment -->
<div id="channels'>
<ul>
<li id="cnn">
<a href="#">CNN</a>
</li>
<li id="espn">
<a href="#">ESPN</a>
</li>
<li id="abc">
<a href="#">ABC</a>
</li>
</ul>
</div><!-- end channels -->
</div><!-- end content-->
basically the entertainment div holds horizontal sliders that animate
on hover when you click a slider it populates the channels div with
the channels for that category I can do the pages alone and but when I
try to load content via ajax it crashes horribly even calling the same
page and reloading the same content stops the scripts
Please help my lost code find its mate!
the 3 functions i need bind or event delegate
1. (#content li).hover animate for the slider
2. (#content li).click get li id and fill channels div
3. (#channels a).click get parent id and append to another un
named dive to display selected channels which I haven't fleshed out
yet
the things I don't understand are binding and event delegation and a
bonus would be knowing how to find the ID of the parent of a clicked
object
note livequery is also not an option due all the channels that would
need rebinding
Thanks
John Benson
