how to access outside variable with jquery/javascript

Question

I want to call a variable, which stores some html markup with some data, when my URL contains a specific string. The data is accesible after a timeout function I made, and the console spits out the correct markup.

var mapData = setTimeout(function() {
    var mapContent = $('.case__map').html(); // THIS DATA I WANT
},3000)

if (window.location.search == '?print=1') {
   $('.presentation-list').find('[data-type="image"]').each(function () {
      var src = $(this).attr('data-src');
      $('.newData').append('<div><img src="' + src+ '"/></div>')
  });
  // HERE I WANT TO APPEND THE DATA INSIDE "MAPCONTENT" TO A NEW DIV
  // HOW TO ACHIEVE THIS?      
}

any help is appreciated

If the content is in a asynchronous call, you can not do what you want to do... — epascarello
– epascarello, Commented Dec 8, 2015 at 13:12
I think this may help you to put MAP stackoverflow.com/questions/34130565/… — Parth Trivedi
– Parth Trivedi, Commented Dec 8, 2015 at 13:13

Stepashka · Accepted Answer · 2015-12-08 13:16:12Z

1

You can wrap an action you want to do after the timeout in a function and call it in the timeout function.

var mapData = setTimeout(function() {
    var mapContent = $('.case__map').html(); // THIS DATA I WANT
    appendData(mapContent);
},3000)

if (window.location.search == '?print=1') {
   $('.presentation-list').find('[data-type="image"]').each(function () {
      var src = $(this).attr('data-src');
      $('.newData').append('<div><img src="' + src+ '"/></div>')
  });    
}

function appendData(data) {
    if (window.location.search == '?print=1') {
       // append data where you want.
      // HERE I WANT TO APPEND THE DATA INSIDE "MAPCONTENT" TO A NEW DIV
      // HOW TO ACHIEVE THIS?      
    }
}

answered Dec 8, 2015 at 13:16

Stepashka

2,69820 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ST80 Over a year ago

Thanks! This was exactly what I needed! :-)

ST80 Over a year ago

Can we agree that its $('.newData').append('<div>' + data + '</div>'); ?

Collectives™ on Stack Overflow

how to access outside variable with jquery/javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related