Search jQuery

jQuery Forum

Adding jQuery functions to newly created objects

in Using jQuery • 12 years ago

Within the following code how can I target the "postBar" object and adjust it's .hover() and visibility?
This postBar object is created in getNewPosts.php which you can look at HERE.

$(document).ready(function() {
$('.postBar').hide();
$.ajax({
url: 'getNewPosts.php',
success: function(newContent){
$('.posts').prepend(newContent);
$(".postBar").hide();
}
})
});

This code is on http://k8r.us/test/

Replies(5)

andrewgsw

Re: Adding jQuery functions to newly created objects

12 years ago

Little confused - you've already indicated how to access the 'postBar' class of objects with
$(".postBar").hide();
Perhaps you could clarify.

keysle

Re: Re: Adding jQuery functions to newly created objects

12 years ago

when I apply

$(".post").hover(
function () {
$(".postBar",this).show();
},
function () {
$(".postBar",this).hide();
}
);

to the new "postBar" & "post" objects i'm reapplying it to the existing "postBars" and "post" objects. Which is slower. Also, when I say $(".postBar").hide() I think it will hide the postBar that is currnelty being hovered over. (which it does)
I want to just edit the new post content.
Is there a way i can just select the html objects within the new content text?

http://k8r.us

andrewgsw

Re: Adding jQuery functions to newly created objects

12 years ago

$(".post").live('hover',function () { // etc..

will bind the 'hover' event to this and any future elements of class 'post', so you shouldn't have to keep re-binding
the events.

$('.posts:first-child')

will select all first-child elements for the class 'post' (as you are using prepend()).

$('.posts:first-child').addClass('newPosts');

- you could use this after the prepend() so all the newly added items with have this class for later reference.

If these aren't helpful then we probably need a little more clarification. Andy.

(post or posts ??)

keysle

Re: Re: Adding jQuery functions to newly created objects

12 years ago

you rocked my socks. ... this was exactly what i needed. I'll probably be using the first solution

http://k8r.us

keysle

Re: Re: Adding jQuery functions to newly created objects

12 years ago

One issue witht he first solution. how do you put in two functions? .hove has 2 functions it takes in, .live only allows me to address 1

http://k8r.us

Top Reply

Response title

Attachments

jQuery Forum

Adding jQuery functions to newly created objects

Replies(5)

Re: Adding jQuery functions to newly created objects

Re: Re: Adding jQuery functions to newly created objects

Re: Adding jQuery functions to newly created objects

Re: Re: Adding jQuery functions to newly created objects

Re: Re: Adding jQuery functions to newly created objects

Statistics

Tags

Actions