jquery reload dynamically added iframe

Question

Have nice holidays! I will also have a nice New Year if I solve the problem. So I have an iframe, which is dynamically inserted in a certain place between page content. I need to reload the iframe on window resize, but I can't select it. I've tried:

$(window).on('resize', 'iframe', function(){
    //code for reloading
});

But it doesn't work. Any ideas?

http://stackoverflow.com/questions/86428/whats-the-best-way-to-reload-refresh-an-iframe-using-javascript — Ianis, Dec 30 '15 at 17:58
@Ianis, which answer is suitable for selection of dynamically added iframe? — Артур Пипченко, Dec 30 '15 at 18:04

score 2 · Accepted Answer · answered Dec 30 '15 at 18:06

2

This will not reload:

$(window).on('resize', 'iframe', function () {
    // reload the iframe window.
    this.contentWindow.location.reload();
});

But this does:

$(window).on('resize', function () {
  // reload the iframe window.
  $('iframe').each(function () {
    this.contentWindow.location.reload();
  });
});

answered Dec 30 '15 at 18:06

Praveen Kumar Purushothaman

164,888
24
203
252

Doesn't work, unfortunately. I've put console.log('test') inside the function and it doesn't show in console. I think it is because of dynamic nature of iframe – Артур Пипченко Dec 30 '15 at 18:11
@АртурПипченко Check again! I said it will **not** reload. Changed the answer. See! – Praveen Kumar Purushothaman Dec 30 '15 at 18:11
@АртурПипченко Let me know if the updated answer works. – Praveen Kumar Purushothaman Dec 30 '15 at 18:12
1

@АртурПипченко It is not because of the dynamic nature, but you are executing the `resize` event on the `iframe` and not on `window`. Do you understand? – Praveen Kumar Purushothaman Dec 30 '15 at 18:13

jquery reload dynamically added iframe

1 Answers1