Question

While working with jQuery and PHP a problem occurs with loading new data from “give-me-more-results-below-the-div.php”.
I have the tooltips working below with ‘.live’, but the values of the new loaded content are not available.

Now, how would one get info from new data, loaded in a div, but (naturally) not showing in the page code? 🙂

As you can see, I only need three variables to pass: main_memberID, like_section and the like_id.

I’m seriously lost here. So any help is highly appreciated.

So far, I got this on the jQuery functioning part:

$(".ClassToLike img[title]").live('hover', function() { 
    $('.ClassToLike img[title]').tooltip({ position: 'center left', offset: [0, -2], delay: 0 })
});

$('.like_something').live("click", function (event) {
    var value = $(this).attr ( "id" ); 

    $(this).attr({
        src: '/img/icons/checked.gif',
    }); 

    $(".tooltip").live().html('you like ' + this.name);

    $.ajax({
        type : 'POST',
        url : 'like_something.php',
        dataType : 'json',
        data: {
            main_memberID: $('#main_memberID').val(), 
            like_section: $('#like_section').val(),
            like_id: this.id,
        },
        success: function(){ //alert( 'You have just clicked '+event.target.id+' image');
        },  
        error: function(){
          alert('failure');
        }
    });
});

Answer 1

To fix the problem, first open up your browser’s requests panel, in Chrome it’s a “Network” tab in Dev tools. When you click .like_something, is a request sent? And are there any console errors? If the request is sent, look at the Response tab and see what the server is sending back.

Also, you could store the data you need to send with the request in an attribute with the data- prefix, like this:

<a href="#" class="like_something" data-section="section" data-member-id="Member id">
...
</a>

This is most likely not your exact HTML, but you get how it works.

Then you can retreive it in the jQuery like this:

data: {
    main_memberID: $(this).attr('data-member-id'),
    like_section: $(this).attr('data-section'),
    like_id: this.id,
},

I hope this helps!