jquery: how to detect element that is being loaded every few seconds

Question

I have a div element where a file is being loaded every 10500 miliseconds;

index.php

...
<div class="loadHere"></div>
...

code that loads every few seconds.

setInterval(
function ()
{
$('.loadHere').unload().load('filetoload.php').fadeIn('slow');

}, 10500);

filetoload.php

<a href="#" class="testbtn">test</a>
<input type="hidden" value="1234" class="hiddenelement"/>

and this is what i'm trying to do but isn't working:

$(document).on('click','.testbtn',function(event)
{
      event.preventDefault();

     var xyz = $('.hiddenelement').val();

    alert(xyz);


});

What are your expectations?After clicking on test you are just alerting value of hidden element — Amol, Dec 23 '15 at 09:00
@amol I am going to let it scroll to that element with that id.. but right now. .even an alert isn't working. — Johanna Cristine Dy, Dec 23 '15 at 09:09

score 0 · Answer 1 · answered Dec 23 '15 at 09:02

Use Callback function:

$( "#success" ).load( "/not-here.php", function( response, status, xhr ) {
  if ( status == "error" ) {
    var msg = "Sorry but there was an error: ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }
});

From Jquery Docs

score 0 · Accepted Answer · answered Dec 23 '15 at 09:11

0

Your strategy seems to work.

setInterval(
function () {
   $('.loadHere').unload().load('toload.php').fadeIn('slow');

}, 10500);


$(document).on('click','.testbtn',function(event)
{
  event.preventDefault();

 var xyz = $('.hiddenelement').val();

alert(xyz);
});

Here is the working plunker : http://plnkr.co/edit/tiLv3WMDCjoW3Ggb9bTH?p=preview.

answered Dec 23 '15 at 09:11

victor

1,626
1
14
23

hmmm.. that's strange.. Maybe it has something to do with the rest of my code which is in php... =/ – Johanna Cristine Dy Dec 23 '15 at 09:17

jquery: how to detect element that is being loaded every few seconds

2 Answers2

Linked