jquery-events

I have three links, Cat, Dog, Snakes. When I hover over each, the content relating to each link should change. So if i hover over cat, then cat content will appear, if i hover over dog the cat content will smoothly disappear and the dog content will appear... and so on. Links are: Dog Cat Snake <div> <span style="display:none;"> Cat Content</span> <span style="display:none;"> Dog Content</span> <span style="display:none;"> Snake Content</span> </div> How do I get this to be full blown working, with some smooth fading? Vivek ('.cat').hover( function () { $(this).show(); }, function () { $(this)

It seems the drop event is not triggering when I would expect. I assume that the drop event fires when an element that is being dragged is releases above the target element, but this doesn't seem to the the case. What am I misunderstanding? http://jsfiddle.net/LntTL/ $('.drop').on('drop dragdrop',function(){ alert('dropped'); }); $('.drop').on('dragenter',function(){ $(this).html('drop now').css('background','blue'); }) $('.drop').on('dragleave',function(){ $(this).html('drop here').css('background','red'); }) iamchris In order to have the drop event occur on a div element, you must cancel the

I'm getting a JSON element and building a list from its items like this: getTitles: function(data) { data = data || {}; var list = []; $.getJSON( '/titles', data, function(data) { $.each(data.data, function(key, val) { list.push( '<li><a href="'+ val.href +'">'+ val.title +'</a><span class="count">'+ val.count +'</span></li>' ) }); $('#title-items').html(list.join('')); } ); } And I'm binding click event for a elements like this: $('a').on('click', function(e) { alert('clicked'); e.preventDefault(); }); Old a elements shows alert but new ones follow URL. Event handler doesn't work for new ones

I have an ajax callback which injects html markup into a footer div. What I can't figure out is how to create a way to monitor the div for when it's contents change. Placing the layout logic I'm trying to create in the callback isn't an option as each method (callback and my layout div handler) shouldn't know about the other. Ideally I'd like to see some kind of event handler akin to $('#myDiv').ContentsChanged(function() {...}) or $('#myDiv').TriggerWhenContentExists( function() {...}) I found a plugin called watch and an improved version of that plugin but could never get either to trigger.